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
Related
When I share a page from my website, I have ANY thumbnail attached to my post on Facebook. But, if I preview my page with the Facebook debug tool, Facebook is showing me the thumbnail.
You can try it here developers.facebook.com/tools/debug/og/object/
In the input URL put this page: http://www.team-exodia.fr/forum/threads/ouverture-de-la-section-garrys-mod-darkrp.6641/.
Now you see the thumbnail if the page is shared.
But now if you share this you didn't see the image preview on Facebook.
(https://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.team-exodia.fr%2Fforum%2Fthreads%2Fouverture-de-la-section-garrys-mod-darkrp.6641%2F)
This issue is all of my page on my forum. I don't understand.
Does anyone know what's happening here? Thanks.
It works fine for me, although you do not have any Open Graph tags on your website. You should ALWAYS include them, the debugger tells you about that too. Here´s a nice list of the needed ones: http://ogp.me/
Dont´t forget to refresh the URL(s) in the debugger after changing it, the Facebook cache can be tricky.
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.
A little while ago, I built this:
http://www.littlebray.co.uk/photos.aspx
It's kind of an off-Facebook partial replica of a Facebook photo album gallery, the photos in the gallery section are all pulled from Facebook albums on the Page for Little Bray (fb.com/littlebray) enlarging them gives you a kinda full screen view of them with commenting facilties on the right margin, just like Facebook.
You'll notice that, whilst this comment section looks a bit like a Facebook plugin, it isn't, and the reason for this is that if I used Facebooks Comments Plugin, when a user comments on a photo on the website, or comments on the same photo (remembering the photos come from the same source), it will create two different streams of comments, one shown on FB and one shown on the website.
With my method, any comments posted either on the website or FB will appear in both places as they're al directly injected into the FB graph relating to the object ID of the photo.
A bit later on, I created another, similar image gallery but used Facebooks Social Plugin "Comments" in the right hand margin to comment on photos. The difference here though was that these photos were lcoally hosted by the website and not already Facebook album objects, so this other website is the only source for these images and thus creating FB objects when commenting via a URL is fine.
BUT... it got me thinking, is my first example just a lot of work, is it possible to use Facebooks own Social Plugin to post comments on an object which already exists on Facebook in that way?
I tried pasting a graph URL https://graph.facebook.com/FB_OBJECT_ID into the Comments example on Facebooks Social Plugins page from a status update of mine, but nothing showed.
Any ideas?
EDIT ---
I have discovered I am not alone in asking this question:
Using social plugins for pre-existing Facebook posts
Load comments from open graph object into Facebook comments social plugin
Neither of those have satisfactory answers though. Perhaps I just need to improve my own code and make my own plugin.
At this time the comments plugin can not be used in that way.
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)
I want a Like button on my web site that Likes my Facebook profile (rather than my web page), so that when a user clicks it they subscribe to my Facebook posts.
I've created the Like button using the tool at https://developers.facebook.com/docs/reference/plugins/like/
Further down that page there is an FAQ entry:
Can I link the Like button to my Facebook page?
Yes. Simply specify the URL of your Facebook page in the href
parameter of the button.
So, I've edited the href parameter to point to my Facebook page. eg:
https://www.facebook.com/myfacebookid
When a user clicks the Like button it has the desired effect. The user ends up having Liked my Facebook page. This is easily verified by the user going to my Facebook profile and checking that the Like button has changed to Liked.
But. When the user clicks the Like button, and entry appears in their News Feed with a generic Facebook description. ie:
Facebook is a social utility that connects people with friends and
others who work, study and live around them. People use Facebook to
keep up with friends, upload an unlimited number of photos, post links
and videos, and learn more about the people they meet.
I don't want a generic post about Facebook to appear. I want the description to relate to my Facebook account and/or web site.
Normally, I could modify this behavior with the Opengraph og: description tag, but as the page in the href is a Facebook page and not my own, I can't control the Opengraph tags.
I'm pretty sure that this was working okay before I enabled timeline for my account, so maybe this is a timeline bug?
So, how do I add a Like button which a) Likes my Facebook profile rather than one of my own web pages, and b) Posts a description of my Facebook profile rather than give a generic Facbook description?
Are all your fields in the info part of your page filled in, and/or completed? I just tested your theory and it seemed to work as expected, only thing is I know all fields in "info" are filled it. Give that a try.
This may happen if you have filled invalid/incomplete/wrong og tags in past and later changed them. Facebook's cache creates problem sometime.
Try putting all the entries (i.e. all og tags) and then debug them here http://developers.facebook.com/tools/debug. This debugger gives a detailed info about the url with og tags and also clears the cache for you.
This should solve the problem.
You have 3 important fields that used on page opengraph: Name,Description,Profile Image.
They are used when some one post your link on Facebook, or Google or some else web service that handle opengraph.
Actually, the suggested answers currently do not work and there is an open bug / ticket on Facebook for it. Up to now, there's no fix.
The problem is that you can not use simply https://www.facebook.com/myfacebookid. You should copy and paste the exact page URL. If you have a low number of likes it would look something like https://www.facebook.com/pages/[YourPageName]/[Your page Id]/, and this is the URL that you should use at this point.
If it does not work, try also https://www.facebook.com/[YourPageName]/[Your page Id]/.
In short, copy-paste the URL, do not type it manually.