I'm wondering if we can add a share button in emails only with HTML and CSS. If user clicks on button, it would open the popup with different sharing options like whatsapp, email etc.
I think there is no way to make popup in html emails.
JS doesn't work in html emails due to security reasons and hacks like modal based on hidden checkbox should not work either.
If showing popup is critical you can dig into AMP Emails, maybe there is something about modals.
But a bulletproof method is using just plain links for each social. For example sharing via Facebook should look somethink like
Share
You can decorate links with social logo so it would look just like common share button
Related
I'm writing an app which involves letting users to share comments on a website, which has a comment form with Google's reCAPTCHA embeded. I would like to load this page via HTTP and display CAPTCHA within my app, so that user can post comments from my app. Is it easy to implement or should I rather try other solution?
EDIT:
I've red reCAPTCHA developer guide. If I would like to embed captcha inside my form, I'd need to insert div element with a proper class, and make a ajax request in order to render captcha. This call would insert an iframe into a given div. What I need is to know how to access that iframe's content without using AJAX.
Turns out we are not supposed to do that kind of tricks with reCAPTCHA.
There is no support for that in API. It seems that it was part of Google's design to prevent that kind of usage.
The only walkaround I could come up with is to implement a WebView widget with JavaScript support, get website via http, and load it into this webview, centering this view around the form we want to post.
It seems like a lot of work though, thus I'm going to simply skip this, if someone successfuly manages to figure it out I'd appreciate a hint :)
I would like to resize the facebook share button. The default one provided by facebook is ridiculously small, and I am having difficulty resizing it. I tried overwriting the class, and even adding an ID, but nothing that has achieved desired result.
I mean below is the facebook share button:
<div class="fb-share-button" data-layout="icon"></div>
any help would be greatly appreicated, and please note that it also has to look good on mobile, i just need more flexibility in customization.
The Facebook Share button does not directly allow you to modify the style of the button. However you are able to create your own share button which will allow you to customize this to reflect the feel of your website.
For example for you can utilize the Javascript SDK to spawn a share dialog like so:
FB.ui({
method: 'share',
href: 'https://developers.facebook.com/docs/',
}, function(response){});
You can also use a URL redirect and link this with your custom button.
https://www.facebook.com/dialog/share?app_id=145634995501895&display=popup&href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F&redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fexplorer
Please reference the following documentation for further details on the implementation: https://developers.facebook.com/docs/sharing/reference/share-dialog
However please ensure you adhere to the Facebook Brand Guidelines outlined here https://www.facebookbrand.com/
sory guys, click the first link you will see the image i been mark by red, after you click the second link, you will see the arrow.
1) http://s261.beta.photobucket.com/user/minaekoz/media/satu.png.html
2) http://s261.beta.photobucket.com/user/minaekoz/media/satua.png.html
Question :
That is social bookmarking site i use to promote my blog but i want to remove the plugin after somebody click that link in the first image.
how can i remove that plugin in the second image after user click the link at the first image?
*sory if my english so bad
I'm not sure how your page is embedded, I guess it's done using frames or an iframe? This would be important to know, but you'll most likely be able to use some javascript code like this (called in some element's onload event (e.g. <body>):
if (window.top != window.self)
window.top.location.replace(window.self.location.href);
I think you can add it through using a custom BlogSpot template or maybe with some of the widgets as well.
Probably you can't. That social bookmarking site will probably open your website in an IFRAME, and therefore, clicks in your page cause IFRAME navigation, and not browser navigation.
Since your site, and the IFRAME site are different, the javascript in your site cannot access the DOM (Document Object Model) in the other site because SOP (Same Origin Policy).
You can disallow that your website run in IFRAMEs by using the X-Frame-Options http header though, but I would leave it like that.
Cheers.
I would like to implement a Facebook Share button using ASP.NET MVC3, like following image.
I have installed Microsoft Web Helper in my MVC application, and I am able to create a Facebook Like button using #Facebook.LikeButton();; But how can I create a Facebook Share button?
The Share Button is no longer officially supported by Facebook. However, for now you can still achieve the old Share Button's functionality by using Facebook's "sharer.php" app.
Just apply a link in the following format to your button image or link text:
https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.yourpage.com
In the long run though, your safer solution would be to use one of the still supported social plugins, like the "Like" button or the "Send" button.
The facebook share button isn't available in the facebook helper, only the following social plugins:
Like Button
Activity Feed
Recommendations
Like Box
Login Button
Facepile
Comments
Live Stream
http://facebookhelper.codeplex.com/documentation
By the way the share button is deprecated and will be not supported in the future, because the click through rates of the Like Button are better. More info at the bottom of this page:
https://developers.facebook.com/docs/reference/plugins/like/
I've been doing some research on this and I'm still not sure if it's possible.
Is there any way to retrieve a user's bookmarks and display them on the page without violating their privacy? I saw these two threads talking about using JS to do this:
How to get Bookmarks toolbar information in JavaScript code?
Show all bookmarks using javascript
I'm not thinking about doing this automatically, users would have to opt-in with a button that said "Display Bookmarks from My Browser" or something similar.
Is it possible?
Not without browser extensions. You could write a browser extension for the major browsers which retrieves the information and feeds it back to your page.