These two facebook and twitter share links work properly.
<i class="fa fa-facebook-square fa-2x"></i>
<i class="fa fa-twitter-square fa-2x"></i>
On mobile, twitter link opens the Twitter app, but for the facebook sharer, the browser (Safari) opens a new tab with the facebook login link. I want the same functionality as Twitter - clicking on the facebook sharer.php link should open the Facebook app. Can I control this via code on my HTML page ?
I have noticed an issue when attempting to share content from my company website to LinkedIn. I have referred this to my website agency but they have suggesting contacting LinkedIn who referred me here!
When the share button is selected for LinkedIn on any page of our website the share box will appear but the meta content from my website does not pull through. Example page: https://www.dwf.law/Sectors/Real-Estate#sectorTab=how-can-we-help-tab
When the url is placed directly into LinkedIn the meta image and data will pull through as expected.
It is only when using the 'share' buttons on any page of our website that the meta content does not pull through. Can you advise if there is anything we need to change in the settings of our website to fix this please.
You can share your data on LinkedIn using this code.
< a class="w-inline-block social-share-btn lnk" href="http://www.linkedin.com/shareArticle?mini=true&url=&title=&summary=&source=" target="_blank" title="Share on LinkedIn" onclick="window.open('http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.URL) + '&title=' + encodeURIComponent(document.title)); return false;">< /a>
I haven't test it but it should work.
I added the facebook share button within an email body (.htm). The purpose of the button is to share the photo a user received in his email. When the button is clicked, a new tab opens with the "Write a message" area to share on facebook.
The problem is that once "Share Link" button is clicked nothing happens - no confirmation, no redirect, BUT the link is actually posted on Facebook (so the end user would not know the message has been shared unless they check their Facebook while all confused). Here is the code for the button:
<a title="Share this photo"
href="http://www.facebook.com/sharer.php?
s=100
&p[url]=%PHOTO_LINK%.jpg (dynamically populated link)
&p[title]=Check out my pic!"
target="_blank">
<img src="someplace.png"
alt="Share on Facebook" height="50" width="50" />
</a>
I have tried using meta tags (title/description/url and the main namespace tag), but they are not picked up when shared (title/description is a bunch of random characters). Is this behaviour normal for share buttons of this sort, is it a bug or am I doing something wrong?
Thanks in advance
To fix this, put target="_blank" in the <a> tag.
You won't be able to share a photo within an email as it would mean sharing the URL to the email itself (which users won't have access to).
Instead, you should put the image on a website and use OpenGraph markup to give it a correct title, description, and thumbnail image. And then share the URL to this image on Facebook. You can still embed the image in the email, but the sharing and image need to be external from the email.
A lot has happened since 2012. There are now two API's a user may choose from when sharing on Facebook: 1) Sharer, and 2) Share Dialog.
Sharer: This will require confirmation of the user posting their content, and this will then get you what you want. However, Sharer only supports the url parameter now. There is basically no way to share any other parameter. Official Facebook Developer Docs: Share Button. And: Official Facebook Discontinuation of Sharer Non-URL Args Post.
Share Dialog: You will need to configure an App with Facebook, authenticate, and then to solve your problem, you'll want to set one of these params...
display : Set this to page (the default), or one of the other options, to determine how your share dialog displays.
redirect_uri : If you don't like how Facebook decides to interpret your display params, you can just redirect after sharing to some page on your site that says, "Post successfully shared! link to post" or some such.
Hope this helps someone.
I have added a facebook share link to my sharepoint site using:
<a name="fb_share"></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"
type="text/javascript">
</script>
I have added the script to the masterpage and the link to the page layout. I all works fine apart from that when a new page is created using the masterpage with the script some of the editong tools are disabled. For example the Format and Markup Style Menus are disabled. Can this be problem be solved?
You might want to take a look at this link :
https://developers.facebook.com/docs/plugins/
It contains all the official Facebook plugins that you can embed into your site. In your case you should look in specific at the Send Button.
The Send Button allows users to easily send content to their friends.
People will have the option to send your URL in a message to their
Facebook friends, to the group wall of one of their Facebook groups,
and as an email to any email address. While the Like Button allows
users to share content with all of their friends, the Send Button
allows them to send a private message to just a few friends.
The message will include a link to the URL specified in the send
button, along with a title, image, and short description of the link.
You can specify what is shown for the title, image, and description by
using Open Graph meta tags.
It is very easy to implement these plugins - usually a case of "copy-and-paste". It looks to me that you have been using an outdated method of the Facebook share feature.
I am developing an FB appln in iFrame mode with coding in xFBML. What is the code to navigate to an external link?
<a target="_parent" href="http://google.com">link</a>