Ok, i know there's a lot of posts on this topic and i have read through a lot of them; however, i have yet to be able to solve my problem.
I am trying to add a Facebook like button to a website and use the Open Graph protocol to send specific information for the post that gets posted to the persons news feed that clicks the like button.
This is the code blocks i am using on the site:
HTML tag:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://developers.facebook.com/schema/">
Meta Tags:
<meta property="og:title" content="ethneCITY - Reaching the unreached in the urban center!" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.ethnecity.com/dev/images/share.png" />
<meta property="og:site_name" content="ethneCITY" />
<meta property="fb:admins" content="61800397" />
<meta property="og:description" content="100 yrs ago we sent missionaries to the nations to look for the cities. Today you go to the cities & you find the nations." />
Like button code generated from Facebook's like button creation tool:
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=145713945515336&xfbml=1"></script><fb:like href="http://www.ethnecity.com" send="true" layout="button_count" width="150" show_faces="false" action="like" colorscheme="dark" font="tahoma"></fb:like>
How it appears on my news feed right now? (not what i want) - http://tinypic.com/r/axi2kg/7
Anyone have any ideas why when i click the like button it only displays the post on my news feed like this instead of using the meta tags for the feed content?
Did you lint it?
Its data is likely out of date/cached and it just hasn't updated yet.
http://developers.facebook.com/tools/debug
Related
I have followed the official steps from Facebook to create my Like button, pointing to my Facebook page. But when clicking on the Like button to post to my Facebook wall, there is not photo being shown.
I have used the suggested meta tags, still no hope. Any advice is appreciated!
Edited:
The facebook popup is:
And have used the following meta tags:
<meta property="og:title" content="sample title" />
<meta property="og:type" content="product" />
<meta property="og:url" content="https://www.facebook.com/mypagename" />
<meta property="og:image" content="http://www.mydomain.com/images/productimage.jpg" />
<meta property="og:site_name" content="sitename" />
<meta property="fb:admins" content="123456789" />
Another example of this issue, when I use this:
https://developers.facebook.com/docs/reference/plugins/like/
to generate the Like button, for
1. https://www.facebook.com/google - I will see the all the information like title, URL, description, and the image.
2. https://www.facebook.com/KFC - There isn't any information being displayed. This is exactly the same issue as I am facing.
Please advice.
regards
For Facebook pages, you should use the Like Box plugin (as opposed to the Like plugin) as it is designed specifically for liking pages. It has more features aimed specifically for pages. See: https://developers.facebook.com/docs/reference/plugins/like-box/
I have tried some of the older responses already posted on the site, but am still struggling to get the code to work.
I have developed a site using iweb, its basic - I am no coder, www.ondulinetileeffectroofingsheets.com , i have easily managed to insert a working video from youtube, and thought that simply copying and inserting the HTML snippet for the facebook like button would also work but the image fails to work, so when I copy and paste the from the facebook developers site, the Facebook image doesn't not appear. - any ideas - thanks in advance x ?
You are going to want to take a look at this link :
https://developers.facebook.com/docs/opengraph/
In there there are details of how to implement og:tags on your page. These tags help the Facebook to decide what image, text and links will be taken from your page to be displayed in the "like" dialog.
The tags look something like this :
<meta property="fb:app_id" content="YOUR_APP_ID" />
<meta property="og:type" content="YOUR_NAMESPACE:recipe" />
<meta property="og:title" content="Stuffed Cookies" />
<meta property="og:image" content="http://example.com/zhen/cookie.jpg" />
<meta property="og:description" content="The Turducken of Cookies" />
<meta property="og:url" content="http://example.com/zhen/cookie.html">
I'm trying to figure out how to add a Facebook "like" button on a product page that when clicked displays a post on the user's Wall saying something like "John Smith liked a product" instead of "John Smith liked a link"?
I thought this would be a feature of the Facebook og:type tag. For a product page on my website www.luhsetea.com, I have the following tags:
<html lang="en" class="no-js" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# luhsetea: http://ogp.me/ns/fb/luhsetea#">
<meta property="og:title" content="Spice of Your Life" />
<meta property="og:type" content="luhsetea:product" />
<meta property="og:url" content="http://www.luhsetea.com/products/spice-of-your-life" />
<meta property="og:site_name" content="Luhse Tea" />
<meta property="fb:app_id" content=" APP_ID " />
<meta property="og:description" content="Honey, milk, and tea blend with our spices perfectly! See what you can make, with these spi..." />
<meta property="og:image" content="http://cdn.shopify.com/s/files/1/0077/8972/products/spice-of-your-life_medium.jpg?101788" />
I've included the JS SDK and code required for the like button:
<fb:like href="http://www.luhsetea.com/products/spice-of-your-life" send="false" layout="button_count" width="180" show_faces="false"></fb:like>
I've added an App in my Facebook Developer account, plus an Action called "Like" to an Object called "Product" in the Open Graph settings on the App configuration page. After doing this facebook gave me the code for the <meta property="og:type" content="luhsetea:product" /> tag.
Am I doing something wrong?
Thanks for your help.
You're getting confused about the difference between the Like button and Open Graph verbs and actions - they're two separate things, and any verbs you add to your applications Open Graph settings won't affect a Like button.
If you really want to use an Open Graph 'like' verb (and I'd recommend against it as it's confusing with a normal FB 'like', and probably won't be approved by FB) then you'll have to integrate with the Open Graph directly, as per https://developers.facebook.com/docs/beta/opengraph/tutorial/#publish
Note: If you do use an Open Graph 'like' verb, you wont get the benefit of a user liking your product with a Like button - that is, the ability to connect with those users when you publish content to your products Page.
If you just want a Like button and to remove the 'a link' part from the News Feed, set your og:type to simply product
Sometime ago I made a like button for my website with the help of this tool: http://developers.facebook.com/docs/reference/plugins/like/ and it worked well, the visitor could like the page and also make a comment.
Recently I noticed that the like button doesn't work anymore, when I click it the count goes +1 for a second then reverts back, also the comment windows appears and disappears as quickly.
I have searched the internet and found that I know have to have an appid, so I got one and added to my existing headers for facebook
<meta property="og:title" content="Title" />
<meta property="og:type" content="game" />
<meta property="og:url" content="http://www.myurl.com/url.html" />
<meta property="og:image" content="http://www.myurl.com/my/image/url.jpg" />
<meta property="og:site_name" content="Jocurile.US" />
<meta property="og:locale" content="ro_RO" />
<meta property="fb:admins" content="1058594454" />
<meta property="fb:app_id" content="294633860579624" />
Checked it with http://developers.facebook.com/tools/debug and it doesn't give any errors, but my like button still doesn't work.
The integration code that I use on my page is
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo $canonical;?>" send="false" layout="button_count" width="400" show_faces="false" colorscheme="dark" font="arial"></fb:like>
I haven't written my url because I don't want people to think I want likes but if it's necessary I will give you the url.
I just found out that the culprit was the facebook button color scheme.
People had to confirm that they liked my page but the button was showing the text colored in white over a white background, because the color scheme was dark.
I am building a News section for a client website (in ExpressionEngine) and they have requested that each article have the Facebook like button. So I went to Facebook's developer site and found the necessary code to make it work.
The problem I have is that if I like one article, it counts that like for all of them! I'm using my ee tags for title and permalink in the OpenGraph meta tags, but to no avail.
Open graph code:
{exp:weblog:entries weblog="news" orderby="date" sort="desc" limit="1" disable="member_data|trackbacks"}
<meta property="og:title" content="{title}" />
<meta property="og:type" content="non_profit" />
<meta property="og:url" content="{title_permalink=news/article}" />
<meta property="og:image" content="http://dallascityhomes.net/_images/dch-logo-big.png" />
<meta property="og:site_name" content="Dallas City Homes" />
<meta property="fb:admins" content="--removed--" />
{/exp:weblog:entries}
The actual button (it is wrapped within a exp:weblog:entry tag):
<div>
Tweet
<fb:like href="{title_permalink=news/article}" layout="button_count" show_faces="false" width="80" font="arial"></fb:like>
</div>
And of course the JS script for FB like, I moved to the bottom of the doc:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
Has anyone encountered this before? Know a solution?
Do the og:url meta property and the href property of the fb:like tag appear to be rendering correctly when you view source?