I am using Facebook comment box in my website for commenting purpose on pictures, its working fine, i am also using a share button which is working fine too, but the problem is when its shared or users do commenting on the picture it is shared to their walls but a default website logo is shown there, i want to share the current picture on which user made comments or shared it ... I am posting it here because i couldnt find it on google or i was unable to make a query for google.. Thanks in advance
Test your link at https://developers.facebook.com/tools/debug to see what thumbnails are pulled in by facebook when shared.
To configure which thumbnail to show when an URL from your site is shared you have to add this property to your html source in the header.
<meta property='og:image' content='url to First Image in your Page etc'/>
More details about meta tags for FB at this link.
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 have inserted the OG meta tags in my pages and also have provided a simple link to help users share the contents on the Facebook using the
https://www.facebook.com/sharer/sharer.php?u=[the-urlencoded-link-to-my-page]
link. But I have two problems:
When attempting to share the content for the first time, the
Facebook sharer page only displays a preview box which only contains
the name of the site, and makes me use the Facebook's Object
Debugger to
fetch the meta tags. How can I automate this process?
And secondly, while the Object Debugger report says that it has
found the og:url, og:type, og:title, og:locale,
og:image:width, og:image:height, og:image and the
og:description raw tags on the page, but the image doesn't get
displayed in neither the preview box of the page nor on the shared
status. What I have missed? What's wrong?
To make things clear, sharing on google+ works perfectly (the image gets displayed, the title and the descriptions are in place.)
Thanks in advance :)
Using the "Share" link of a page does not always show the picture of the page as thumbnail in the Facebook link. For example, linking the page http://www.tekes.fi/tekes/tulokset-ja-vaikutukset/caset/2013/managed-outcomes-tuotantotalouden-logiikkaa-terveyspalveluihin/ to Facebook by using the red "Share" > "Facebook" link at the bottom of the page makes the link show in Facebook so that the picture of the article also shows in the link. However, linking the page http://www.tekes.fi/nyt/blogit-2013/katoavatko-tyopaikat/ in the same way does not show the picture in the Facebook link. The "Share" links in the pages are implemented by using the AddThis Toolbox.
When copying the urls of the above links directly to Facebook, both of the links are shown with pictures in Facebook as they should.
Could you tell us what could cause the problem with the "Share" link? Is there something wrong with the "Share" link implementation? Is there a solution to this problem? We have tried to add a
<meta property="og:image" content="<picture url>" />
tag to the pages with no effect. The Facebook debugger tool (https://developers.facebook.com/tools/debug) tells about both of the pages the same things: that the 'og:image' property should be explicitly provided, even if a value can be inferred from other tags, and that the provided og:image is not big enough and that an other image will be used instead.
Here are some other urls where the picture shows correctly when sharing it to Facebook using the "Share" link:
http://www.tekes.fi/nyt/uutiset-2013/suomen-peliteollisuus-nousi-kahteen-miljardiin/
http://www.tekes.fi/nyt/uutiset-2013/suomalaisyritys-pistaa-kampoihin-pelikonsolijateille/
http://www.tekes.fi/nyt/uutiset-2013/verkosta-vauhtia-liiketoimintaan-ict-ammattilaisten-avulla/
Here are some other urls where the picture does not show correctly when sharing it to Facebook using the "Share" link:
http://www.tekes.fi/nyt/uutiset-2013/yritys-suomen-puhelinpalvelu-tarjoaa-hyvan-kanavan-yrittajille/
http://www.tekes.fi/tekes/tulokset-ja-vaikutukset/caset/2013/lasten-sijoitukset-vahenivat-raisiossa/
The magic begins with using <figure> tag around article image. In this case, sharing works better. For example in Facebook and Google+.
Links from our website Pixorange.com is loading without thumbnail images in Facebook. I did use FB lint tool to debug the issue and is giving an error stating that the image is not found.
Here are some links which you can post in FB wall and see that the thumbnail images are not loading with link. The issue is not every links but with some:
http://pixorange.com/tweet-my-weaknesses-to-me-says-modi
http://pixorange.com/rajiv-gandhi-was-entrepreneur-for-swedish-jet
Also when you like the article with FB like button, I am getting an error as follows " is an invalid value for property "object" with type "Reference*"*
We did check our app settings are found that the things are ok and also we did change our server from Hostgator to Inmotion hosting. I opened a ticket with hosting provider and FB developer, still they are not able to find the reason why the link is not loading.
Thanks,
Aswathi Achu
Try adding a <meta> tag in the <head> section like:
<meta content='100003340872784' property='fb:admins'/>
Replace the 100003340872784 with your own facebook user id. You can get your facebook user id from here.
Regards to Team Trickonics.
I have added a Facebook Like-Button to my website, which works perfectly. It shows the perfect link to my website on the wall of the persons who click it.
There's only one problem and I can't seem to solve it in any way.
The link also includes a preview of my website, but instead of a complete preview or a preview of my header it shows a picture of one of the link-buttons of my website!
The script itself doesn't contain anything to change or set a preview picture and changing names of pictures, links and header doesn't solve it either. No matter what I do, it still keeps on showing the button...
What can I do bout it?
I've contacted my serverhost but they don't know it either?
You can set the image that shows on Facebook with the following og tag in the head of your page:
<meta property="og:image" content="http://example.com/image.jpg" />
Facebook requires some more open graph tags. (Formerly known as meta tags.)
You have to make sure the facebook linter correctly interprets your page. Use the Facebook debugger to check and fix all issues.
try to refresh facebook catch by submitting link here . If you still have problem , you can provide custom images by with open facebook graph . Refer