Like button not displaying thumbnails - facebook

My blog is here. I had a few issues with the like button, most of which have been fixed, except now I have a problem with the Facebook like button not displaying thumbnails whenever the post is liked. It only displays the name of post ex.:
Filip Stojchevski likes a link.
Flypaper (2011) | Филмотека
[NO THUMBNAIL]
How can I fix this?

Facebook needs Open Graph meta data on your site. So you need to edit your template to include the data for Facebook. Unfortunately the Dynamic Views theme does not allow HTML edits.

Related

Facebook like button - like content

I got my facebook like button generated, and prepared it so user is able to like each post on my forum. The href attribute is set to the thread and certain post url, but when I click the like button, facebook is getting the logo, and the title of my forum for the liked post, instead I would rather want an user avatar and the post title to be posted.
Here I have pointed the element I would like to change, because it doesn't fit the post informations, but the whole page informations.
Are there any possibilities to change those?
Adding these tags should fix your problem:
http://davidwalsh.name/facebook-meta-tags

Facebook Likes for site don't show thumbnails or meta in news feed

So I'll be the first to admit I'm not so great with the whole facebook like button thing.
On my site http://vegasonthemic.com I have facebook "like" buttons for every post (of a custom post type "portfolio") that are automagically generated.
When you click this like button it shows on your facebook profile that you liked something with a thumbnail and the excerpt text.
BUT when you look at your news feed all it says is "Bob liked this artist" and doesn't show any of the metadata. Is there something I'm missing for this function to work?
You can see your problem here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fvegasonthemic.com%2F
Fix the issues that the linter is showing. Then your website will work fine.

Like buttons and posting the correct photo on Facebook

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

Like button for Facebook page shows generic Facebook description in News Feed

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.

use Facebook OpenGraph with a custom Facebook button?

I want to add Facebook OpenGraph tags to my page, but I also want to stick with the style of Facebook Like button that I currently have (a custom image tag).
The OpenGraph plugin instructions suggest you have to use Facebook's own Like button styles, and the customization options are limited.
Is there any way I can apply the Facebook Like code to my own image button?
UPDATE: to be clear, what I mean is that I have an image on my page that links to https://www.facebook.com/sharer/sharer.php?.... I don't have a standard Facebook Like button. Will this mean that the OpenGraph tags on my page don't actually do anything?
The old sharer.php endpoint will read the same meta tags as the Like button - when shared, the Facebook crawler accesses your site and pulls the metadata for the post (image, description, etc)
If you want to generate some sample metadata there's a form on the like button documentation (see 'step 2') to output tags in the correct format.
Use the Debug tool to see what tags Facebook detects on your site.
It's against facebook's policies to try and replicate or re-create the like button.
Adding open graph tags won't affect your page, but they will improve how it appears when shared or liked in Facebook.
You may create a button called share which opens the feed dialog (sharer.php is deprecated) but you must use the real like button, not a custom image tag.