I have wordpress blog with twentyeleven theme setup. I have facebook button and I beleive all facebook garph api codes are exist in head part. Now the problem is there are more than 4 images exist on the page, but facebook like button only fetching one image everytime. And trust me that is a huge problem for me.
Can someone help me fix the issue.
here is the link if you wanna take a look at: http://j.mp/GSfWKb
thanks
While I can't confirm this is how Facebook approaches it, the og: meta tags only appear to work for actual like buttons, not Facebook sharing buttons (which are depreciated anyway).
According to this question you can try and put in a link tag and that may work for the share button you have. Facebook Post Link Image
Related
I've got some image on our site where I included the Open Graph tag og:image.
For example the main company logo has such a tag as it should always be selectable and then there are some article pages or news and the lead image of those pages also has also the og:image tag.
When I test it using the sharer button on our page or browserbar-button (or any other way) the share dialog does only show me the image of the article page and not the company logo for selection.
You can test it here:
http://www.up-great.ch/unsere-firma/wegbeschreibung
Funny thing is, that if I use the Facebook Debugger Tool the images (2 images) are all there:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.up-great.ch%2Funsere-firma%2Fwegbeschreibung
Why is there a difference between the debug tool and the share dialog? (Btw, I know that I don't use og:url tag but I once added it to the page and there was no difference even after resetting the Cache with the FB debugger).
FB sharer bug oder am I doing something wrong?
One year later still no answer.
I just tried the same and it doesn't work neither in your nor in my testcase: http://mattweb.de/open-graph-multiple-images/
To me it seems Facebook changed this to one image only, but it's not documented anywhere.
I remember once it worked (even without Open Graph tags) but couldn't tell when that was. Now I know that it must have been more than a year. So thanks for your question.
Regards,
Matt
I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.
I'm new to Facebook Sharing API. When I put the Facebook Share button in my website, both the message and the title are the URL. Here's the screenshot:
There's even no thumbnails even though there's plenty of pictures in the page.
I have seen other pages that automatically use the first paragraph as the Facebook's message
Is there any specific site layout that I must follow?
Note: I'm using AddThis, so I don't think I can change the code
Thanks
The problem solved when I uploaded the site on Online server. Maybe the API has problem retrieving data from Localhost.
Cheers :)
I'm currently having trouble using facebook like button in html5 version, it seems that everytime the visitor of my wordpress blog liked a blog post, it's not working. It will work for a while but when you refresh it, it goes back to active button which is very strange since the user already liked the blog post.
I also encountered that when i liked my own blog post, it fetched the wrong details. example, i liked the blog post #1 but when i check my facebook, it the fetched image is wrong, the description and title is also wrong.
what is the proper way to add a facebook like button in wordpress blog?
any help?
I also encountered the same error before. I already tried the linter to debug it but it really doesn't work. Anyway, my simple solution to that is I changed my facebook like code to Iframe version (since html5 give me crap, there's no harm if I use iframe lol). I don't encountered any errors with that. It works perfectly.
about your question on how to add facebook like in your index file or multiple blog posts in wordpress, the link (guide on how to...) might help you. I used that before. It also discusses about twitter tweet, google plus and pinterest pin it button's wordpress implementation.
have a good day!
I have an online bachelor catalog and I want people to Like a bachelor and have it appear on their FB feed.
http://gothamrfc.org/drupal/?q=2012catalog
I set up the Like button using the Social Plugins feature on FB. All bachelors are on the same page and they have anchors http://gothamrfc.org/drupal/?q=2012catalog#waldmann and the Like button refers to each anchor.
My problem is when the user clicks on Like, it posts the same picture of one bachelor, not of the one that they liked. I didn't see anything in my js file. I also added the og button but that didn't work.
How do I adjust the code so Like button corresponds to the correct photo?
I'm sure it's something simple. Thank you for your assistance.
Im having the same issue really... My current solution is to hard-code the URL of the image in the like button ref code.
The only issue with this is that it will show that image ONLY, on a blank page when someone clicks the liked image on a user's facebook page.
I'm still looking for answers since the only alternative I've found is to create individual pages for each image (each blog post, in my case) and link to THOSE pages. Not ideal and much more work than I'd like.
have a look at my blog page on my website to see what I mean: MarinePix Blog