I have read a guide for publish link to my wall or my fan page. Here is the guide: net.tutsplus.com/tutorials/php/wrangling-with-the-facebook-graph-api/
This is my application test:
http://www.onlyimagination.com/mytest/source/
The application works, but i don't want GENERATE the link manually, i want only SHARE.
This is the screenshot of the publish of this app
Instead I would just put the link and my application AUTOMATICALLY extracts all the links like this sharing of information here in this screenshot.
The info presented in the 2nd screenshot is just the info of the picture that facebook has.
In order to tell facebook how to present your links you need to use the Open Graph protocol (you can also use the Open Graph docs).
With this protocol you define properties which facebook knows how to extract, such as title, type, image and more.
This means that the response for every link you want people to share on facebook should contain the og meta tags.
Edit
Sorry, did not think about adding this before:
You can use the Debugger tool to see how facebook "sees" urls.
You see, what happens when a user shares a link is that facebook has a program that send a request for the shared link, it then parses the response and search for specific tags to extract the data which is then presented to the user.
For example, try the Debugger for google.com and see what info was extracted, then try to share it and see that it uses the same info.
Also, at the bottom of the Debugger result, there's a link Scraped URL: See exactly what our scraper sees for your URL if you click that you see the actual response.
Hope this clarifies it.
2nd Edit
I don't know how you publish your posts in your app (next time it could be easier if you just add the code you use), but it doesn't matter how you publish it (js sdk or from the server side) you always have two options:
Post a link that has the og meta tags in it, those will tell facebook how to display the link
Add the link, picture, name, caption and description fields when posting (js sdk for client and graph api for server)
Related
My website (http://www.guidoleurs.org) is finished, however if I want to share and promote it on social media I come across a problem. Somehow if I want to share my static frontpage on Facebook (by copy/pasting the link in a post) I only see “guidoleurs.org” without any information or image. Also beneath every blog post I have the Accesspress Social Share buttons, but if I want to use them to share a post, the Facebook post looks like “404 not found” (although the link works) without the featured image..
How can I fix this?
I also used the debug tool of Facebook and when I paste either link from my website in, I get the following result:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fguidoleurs.org%2F2015%2F08%2F27%2Fblog-1%2F
I am implementing a facebook share button in an angularjs app and after doing all the necessary stuff to get my meta tags updated and read by Facebook's crawler, I am seeing a mismatch between Facebook's debugger tool and what the share dialog shows.
If I run the debugger on my link, I get a successful scrape that pulls all of the meta tag content and shows what the share dialog should look like. Then if I click on the preview to see that actual share dialog, I get a different result as if it is not reading the meta tag content. The same goes for the share button on my actual website.
Any thoughts?
This might be an issue with protocol inconsistancy. Check you're not using http:// on the debugger, vs https:// on the actual site, and vice versa. Ensure all of your og tags have the correct protocol set, and that the protocol is not omitted.
Facebook provides a javascript SDK where you can specify what data you want to be in your popup. If you want complete control over the dialog then it would probably be best to use FB.ui to do so.
I use Facebook share button to share my article (Title, description and image) on Facebook using Open Graph Meta and other default Meta
And my articles are echoed in post.php page like (mywebsite.com/post.php?id=post_id) which contents differ through post_id.
Well, while sharing a post on fb, facing some problems.
1: fb share doesn't detect the image belonging to the article/current post that is shared. (Thought the image URL in my Open Graph Meta is correct) and after sharing it on Facebook the link doesn’t redirect to the exact URL (mywebsite.com/post.php?id=post_id).
2: the fb share button is in my post.php page which shares different posts but sharing is counted same for all posts.
The FB share button has got an attribute (data-href="url-to-share") which my one is (data-href="<?php echo'post.php?id=post_id';?>").
Anyone know what and where is wrong with my code/URL addressing?
If your meta tags shows correct data then must be fb issue. I faced similar problem before.
Try debug your url in the FB debugger( https://developers.facebook.com/tools/debug/og/object/ ). It helps.
Fb haven't grab your updated data because they have their own time/interval to grab new data from the website(if im not mistaken). Using the debugger u'll see how the share will look like and show missing details if any.
I have simple product pages populated with facebook open graph metadata. I've tested against the fb debugger and its being scraped successfully by fb. eg. http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fshort.stylemology.com%2F1058
If I do a facebook share, from my pc, facebook shows the correct metadata on the sharing page, but when viewing the shared item on a wall, it points back to the simple product url rather than the full product url specified in og:url, but it still uses the og, description & image.
Mobile behaviour is even more erratic. Neither the url nor the description get used, but the correct image is displayed.
I've viewed the source on the mobile page and it is still being correctly populated with the open graph metadata.
Extremely confused and would appreciate any insight into this behaviour because my attempt to research this issues have come up dry.
Example simple product page:
http://short.stylemology.com/1058
thanks in advance for your feedback.
The company I'm currently working for wants to create a button that lets people share their order on Facebook after they've paid, but with the deprecation of the "Share" button I don't really know how to do it.
The "Like" button does not seem fit for this. Any ideas, anyone?
There are a few ways to go about this.
You can use the standard sharer. This is good for one-off sharing or in cases where you don't have control or don't want to control how the share is rendered and you want Facebook to handle it.
http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>
It won't require you to have an app ID but you also won't get a nice control panel for your applications sharing history/insights. You can query and get some information about the URL your sharing though by looking through the open graph.
I.E
https://graph.facebook.com/?ids=http%3A%2F%2Fwww.cnn.com
https://graph.facebook.com/comments/?ids=http%3A%2F%2Fwww.cnn.com
You can set the URL and Title of the content. The sharer will then look at the metadata on the webpage your sharing to determine the contents of the share. More below.
You can also use the Feed dialog. Which comes with more customization options. The Feed dialog is the best option if your integrating sharing as an integral part of the application. I think at minimum you need to include the app_id,redirect_uri and link property. Look through the properties here. You will need an app ID to use this feed dialog and if your using the JS api you need to authenticate the user too. You can also invoke the dialog directly through a direct url where you don't need to pre-authenticate the user.
With either sharing method, you may wish to include custom open graph metatags on your webpage. This way you can influence how the Facebook scraper makes your share. You can set some default (pre-accepted by Facebook) open graph metatags on your page. Or you can create your own set now in the dashboard. In the Open Graph dashboard on Facebook you can customize how Facebook is supposed to read and interact with your metatags.
You can debug your pages open graph metatags by passing your URL through the debugger.
I.E
http://developers.facebook.com/tools/debug/og/object?q=www.cnn.com
This will give you, for example, JSON or an HTML representation of how FB sees the page.