I am trying to create a share button for links using the Facebook share button:
http://www.facebook.com/facebook-widgets/share.php
http://wiki.developers.facebook.com/index.php/Facebook_Share
However when I try to use the t value in my URL's they don't work.
I even tried using the example on the API page:
http://www.facebook.com/sharer.php?u=http%3A%2F%2Fdevelopers.facebook.com%2F&t=Facebook%20Developers
And it doesn't work... It sets the title as developers.facebook.com not Facebook Developers as specified by the URL
Anyone know how I can make this work correctly?
I want my share links to come up as... 'Title Of what I am sharing' and then... the url directly to that item.
The Facebook share link dynamically fetches the title and images from the page/website to share. The title specified in the link is only used while Facebook loads the page details. Check this link out:
http://www.facebook.com/sharer.php?u=http://www.rackspace.com&t=SOME%20TITLE
My solution to the title parameter is:
as url, add to the page url a variable (lik real_title):
http://www.facebook.com/sharer.php?u=http://mydomain.net/mypage?real_title=MyTitle
Then, in the index.php page:
< title>
<?php if (isset ($_GET['real_title']))
print ($_GET['real_title']);
else
print ("Default page title"); ?>
< /title>
Facebook crawls the given URL in search of Open Graph meta tags. It gives precedence to the contents of those tags, if they're present. Here's a sample of what the Open Graph tags look like:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
More info at http://developers.facebook.com/docs/opengraph/
Try Facebook Feed dialog http://developers.facebook.com/docs/reference/dialogs/feed/
Use direct URL example
I also met this problem, but i have found the problem because i didn't put facebook code in that file http://bannedadsense.com/banned-adsense-list/isbanned, i was very stupid with it and lost time to fix, but now i'm lucky, i have just fixed done now, simple only copy fb code to all pages you want to use fb share like button.
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=put_number_id_here";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Related
I want to have a "Like" Facebook button on my WordPress page. I tried using both plugins and straight code from the Facebook docs. Both work, but my "likes" don't publish on my timeline. I did put my AppID there, what can it be?
fb-root code:
<div id="fb-root"></div>
<script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1&appId=###"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>`
fb:like code:
<fb:like href="<?php echo $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>" send="true" width="450" show_faces="false"></fb:like>`
Check your Activity Log on Facebook to see if the 'Like' has shown up on your profile. The Like may have been posted as 'Recent Activity' or as a individual 'Someone has liked ...' post.
I would use the Facebook debugger to lint your site/page where the like button resides:
https://developers.facebook.com/tools/debug
This will tell you if you have any issues with the like button and or the OG tags on the page.
Hope this helps.
Here is the sample of your html should look like.
*Some Tip for you, dont simply like your page if you not sure your website format is correct, because it will submit a record to facebook with wrong title/images/description/content and etc.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>WooTube</title>
<meta property="og:title" content="WooTube"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://www.wootube.woolei.com"/>
<meta property="og:image" content="http://i.ytimg.com/vi/LD-rmC2i624/default.jpg"/>
<meta property="og:site_name" content="WooTube"/>
<meta property="fb:admins" content="568394401"/>
<meta property="og:description"
content="WooTube - Share Video To All Your FaceBook Group With 1 Click!"/>
</head>
<body>
You will need to submit your Facebook app for review before "likes" will appear in user's timelines, via Facebook's App Dashboard >> Status & Review >> Start a Submission:
https://developers.facebook.com/docs/apps/review
Probably I'm a bit late :) but given I don't see an accepted answer...
Are you able to see the right Like count from the FB Debugger?
If not, probably worth to verify that the outcome of the following code represent the right URL (and with a proper encoding):
<fb:like href="<?php echo $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>
I got my code to validate with debugger but none of my properties are showing up on the new feed like I want them to. Instead it seems to show a Facebook default text:
Cosmetology & Spa Institute | Facebook www.facebook.com 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.
How can I get it to display my og properties?
All code on my site is below.
<html xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<script src="//connect.facebook.net/en_US/all.js#xfbml=1" id="facebook-jssdk"></script>
<meta property="og:title" content="Cosmetology Schools and Beauty Salons" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.cosmetologyandspainstitute.com/facebook-tabs/CSI_Logo_2012-square.jpg" />
<meta property="og:url" content="http://www.cosmetologyandspainstitute.com/" />
<meta property="og:site_name" content="Cosmetology and Spa Institute" />
<meta property="fb:admins" content="1540268369" />
<meta property="og:description" content="The Cosmetology and Spa Institute has 2 of the best cosmetology and esthetician schools in Chicago. Our Illinois beauty schools, cosmetology and esthetics programs, provide results that truly matter." />
</head>
<body>
<script type="text/javascript">(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div style="margin-left:25px" class="fb-like" data-href="http://www.facebook.com/CosmetologySpaInstitute" data-send="false" data-layout="button_count" data-show-faces="false"></div>
</body>
Just tested it – can’t find any problems, your description and image show up as in the meta elements.
It's because the data-href on your like button is pointed at a page on Facebook (http://www.facebook.com/CosmetologySpaInstitute) not the page the like button is on, so the opengraph tags never even get read. Instead Facebook scrapes what it can from the page on Facebook.
In effect, clicking like doesn't like your webpage, but your Facebook Page.
Thank you in advance for any help. I have a website which has OpenGraph embedded code, which validates without error in the linter. I have the Javascript SDK called and the XFBML Like button, plus Comments and Recent Activity plugins. They all seem to be working quite nicely. Next to my Like button is the "Admin Page" link, as expected.
The problem is that clicking the Admin Page link just opens a new window with my website in it.
I thought it would pull up some kind of page where I could publish stream updates, as described on this reference page:
https://developers.facebook.com/docs/opengraph/#publishing
But this doesn't happen. May I have some help on why this is happening and how to fix?
Details that may help:
When I go to the Pages I Admin area on Facebook (http://www.facebook.com/bookmarks/pages) the page is in fact listed.
I have linked the page to my Insights and am receiving data there.
The Admin Page link does appear next to my Like button.
The URL if you need to see the components working in place: http://mansbestfriendcommercial.com/
The code on my page:
<meta property="og:title" content="MY TITLE"/>
<meta property="og:site_name" content="MY SITE NAME"/>
<meta property="og:description" content="MY DESCRIPTION"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="MY URL"/>
<meta property="og:image" content="MY IMAGE URL"/>
<meta property="fb:admins" content="MY FACEBOOK USERNAME"/>
<meta property="fb:app_id" content="MY APP ID"/>
And the Javascript SDK call:
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=MYAPPID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
I'm facing the same issue and didn't find any solution so far about it :(
Until recently i was able to use the facebook admin page of mu liked pages on my site but don't know what happened i have the same problem like you, i can access the insights but when i visit the admin page link it open a new windows with the same website in it here is a link if someone could check it out: http://www.lajkuvaj.com/44964
This was definitely a bug rather than a programming or setup issue. The bug has been marked fixed by Facebook as of 1/18/2012 and everything now works as it is supposed to! Bug report:
http://developers.facebook.com/bugs/308356579205492?browse=search_4f0f1475c470b2076799347
This is Sasikumar A, I created the app for Galatta and i added the following details in web page head section
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<meta property="fb:app_id" content="123225854445872"><meta property="og:type" content="galatta-new:news"> <meta property="og:url" content="http://v3.galatta.com/tamil/news/tamannaah-the-golden-girl/39536/"><meta property="og:title" content="Tamannaah: The golden girl"> <meta property="og:description" content="Tamannaah: The golden girl"> <meta property="og:image" content="http://v3.galatta.com/community/images/logo.png"> <meta property="og:site_name" content="Galatta.com" /><meta property="og:locale" content="en_US" /></head><body><div id="fb-root"></div>{literal}<script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js =d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#appId=123225854445872&xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js);}(document));</script>{/literal}<div class="fb-like" data-href="{$HTTP_REFERER}" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false"
data-font="tahoma"></div></body></html>
Link : http://v3.galatta.com/tamil/news/tamannaah-the-golden-girl/39536/
I created the Open Graph action type, object type, aggregations for Galatta App.
In action type i got the code for - See all your Read actions:, Create a new Read action:, Delete a Read action:
Please tell me how to use this code in my web page.
I need while i click the Like button I need result like below / or how to work for below result.
Sasi Arjun read "Tamannaah: The golden girl" on Galatta
Please guide me how to publish the page on Facebook like above line.
Here is a really nice tutorial on exactly that topic.
If you are asking about the "code" links next to the action types in the Open Graph Developer tool: These serve just as an example, as you can invoke your actions via curl.
Your website would have to send these requests, e.g. using PHP on your server, or in the client's browser using the Facebook Javascript SDK.
We wish to implement a page with a list of content items, showing a title and excerpt for each one. We want to have a Like button next to each content item, which, when clicked, "likes" the individual item, rather than the index page.
We've seen this implemented elsewhere (formerly Mashable.com, on their homepage), but using a standard implementation we can't get it to work. Does anybody have any tips?
We are using PHP/Symfony.
NB: I'm not a programmer so this question isn't framed in technical language - however any answers will be passed to programmers who will be able to understand them.
You just need to set the href attribute on each like button on your page. For example,
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="http://www.example.com/item1"></fb:like>
<fb:like href="http://www.example.com/item2"></fb:like>
<fb:like href="http://www.example.com/item3"></fb:like>
If each button has its own href then each button will behave independently. If you don't include the href then the like button assumes you are liking the current page you are viewing.
Additionally, you should implement the open graph protocol on each url you have a like for. By this I mean the url in your like button's href, not the necessarily page the like button is on. You can read about this here: http://developers.facebook.com/docs/opengraph
It is pretty simple to do. You just add meta tags to your pages header like this:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://opengraphprotocol.org/schema/"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>
Put this after each content:
<div class="fb-like" data-href="unique_url_here_for_the_content" data-send="true" data-layout="button_count" data-width="100" data-show-faces="true"></div>
replace "unique_url_here_for_the_content" with the actual url of the content
To modify data-* atrribute please go to fb like plugin page here
and of couse you need to use this after the body tag
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>