Problem on facebook like button html :
Facebook is showing here
That you can add a like button to your site that allows users to also add a comment right
after clicking on the "LIKE" button.
From some reason, when I try that html on my site, it doesn't work.
My site is public and I also got the required META tags inside my html.
Help, anyone ?
Commenting currently only works with the XFBML version:
<fb:like></fb:like>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({ appId: 'YOUR APP ID', xfbml: true });
</script>
Or starting Wednesday (new feature not yet released) the simpler version:
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like></fb:like>
NOTE: You only need one set of the script tags, and you can add as many <fb:like> or other XFBML widgets after that.
Related
I am trying to add an app to my facebook fan page account for oAuth login.
I DONT WANT A TAB so the method i thought might work was method: 'apprequests'
but i keep getting an error: An error occurred with Prayerfish Login. Please try again later.
any suggestions on how to get the app over to my fan page?
note** this html page is from facebooks tutorial
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<title>My Add to Page Dialog Page</title>
</head>
<body>
<div id='fb-root'></div>
<script src='http://connect.facebook.net/en_US/all.js'></script>
<p><a onclick='addToPage(); return false;'>Add to Page</a></p>
<p id='msg'></p>
<script>
FB.init({appId: "****************", status: true, cookie: true});
function addToPage() {
// calling the API ...
var obj = {
//method: 'pagetab',
method: 'apprequests',
redirect_uri: 'https://www.myDomain.com',
};
FB.ui(obj);
}
</script>
</body>
</html>
The only way to have an app on a Facebook Page is to add it as a "tab". Since the switch to Timeline, tab has become a bit of a misnomer as it is more correct that it is just a bookmark at the top of your Page (for example on Spotify's Page the 'Get Spotify', 'Fan Playlist' and 'Summer Sounds' thumbnails at the top of the page are technically 'Page Tabs').
If you still want to add the app to your Page as a 'tab', the code you included above is actually more complex than you need. That code is what you would include on your website, for example, if you wanted to allow admins of other Facebook Pages to install your app. Because you own both the Page and the app, you just need to modify this link to include your app ID and URL and click on it:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_APP_URL
When you do, you'll see a dialog asking you to pick which Page you want to add the app to, choose that and you're done.
If you were already aware of what a Page Tab is and don't want that, my question would be - how do you want the app to appear?
We've invested some time into using the Translations app for our old-style FBML facebook apps. The creation of FBML apps is now deprecated, and only iFrame apps can be created. We would like to have translations in them too, and are considering how to use the Translations app to achieve this.
The internationalization page indicates translations are renderable through (deprecated) FBML tags like fb:intl. It also mentions that XFBML tags (the "newer" tag-set parsed by JavaScript) can play a part, however the documentation for the JavaScript FB.XFBML.parse(..) XFBML method doesn't list any XFBML internationalization tags available to be used with it!
In short, I would like to know if we can use the Facebook Translation app for translations inside an iFrame app, without using any deprecated technology?
[The state of facebook, May 2011]
Since we were trying to use these features and they're still not working I just went ahead and wrote a wrapper that will help parse these tags (using intl.getTranslations and intl.uploadNativeStrings in the background).
It's a bit rough but seems to do the job. Would love to see some forks:
https://github.com/yeldarby/translation.js
If you are using JavaScript SDK just like this:
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : 'YOUR APP ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>
Then on this line, change the en_US into your language's code:
<script src="http://connect.facebook.net/en_US/all.js"></script>
You may also use FQL (Not to be deprecated by facebook)
http://developers.facebook.com/docs/reference/fql/translation/
The docs indicate that you can do it, but you can't.
The only way you can use the translation app is by calling intl.getTranslations, intl.uploadNativeStrings, or querying the FQL translation table
I have a web-site, where I have facebook comments social plugin on each page and I have facebook page, where I publish items as "shared links" from my site via RSS (through dlvt.it). Links to items are the same.
Now comments are diferent in two places (on facebook page and on web-site)
The question is how can I make that comments on facebook page items appears also on my web-site's comment form ?
Regards,
Anton.
You need to create a Facebook application. Once you have created this, you'll get your app_id. In your website, you can then add:
xmlns="http://www.facebook.com/2008/fbml"> to your HTML tag, and then add in the body tag:
<script src="http://connect.facebook.net/en_US/all.js#appId=YOURAPPID&xfbml=1"></script>
<script type="text/javascript">
FB.init({
appId: 'YOUR APP ID',
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});
</script>
This will allow you to access Facebook plugins from your website. So, for comments you can use:
<fb:comments href="Your Page" num_posts="10"></fb:comments>
I'm integrating the Facebook Like Button into a site. The likeing functionality is working fine except that you cannot add comments to your like after you've clicked the like button. Several sites including CNN has this working so this should be possible.
The docs mention that you need to use the JavaScript SDK to get commenting to work, which I am doing; however I cannot get commenting to show up.
A fuller-featured Like button is
available via the XFBML tag
and requires you use the new
JavaScript SDK. The XFBML version
allows users to add a comment to their
like as it is posted back to Facebook.
I cannot find details on which options are available for this more "fully-featured" XFBML like button.
I'm wondering if there is a setting that I need to add, an option that I'm not passing in, or anything that I've overlooked.
I am on a dev server, and I'm linking back to the live site for now. Perhaps the ContactURL and the base URL of the liked page need to be the same in order to get commenting to work?
Here's how I'm embedding the facebook like button:
<!-- facebook -->
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({appId: 'XXXXXXXXXXXXXX', status: true, cookie: true, xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<!-- facebook -->
...
<fb:like href="example.com" layout="button_count" show_faces="false" width="100" colorscheme="dark"></fb:like>
You need to make sure that the "connect url" for your appid matches the domain you're putting the like button on. To do this, go to the "Edit Settings" page, and in the "Connect" section of the settings, fill on your "Connect URL".
Facebook's documentation never mentions this.
I'm a new Facebook developer. I want to add comments box to my application and I follow the tutorial in Facebook wiki. It's not work in my application.
My canvas callback URL is http://122.155.0.71/~facebook/ and I upload xd_receiver.htm to root directory. I am using the following code
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js?2" type="text/javascript"></script>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US" type="text/javascript"></script>
<fb:comments> </fb:comments>
<script type="text/javascript">FB.init("b6e07896a1d0889d9784dea150802587", "/xd_receiver.htm");</script>
in my application. It not show up. When I view this page with Firebug. I see <fb:comments> </fb:comments>. I don't know about xid, where can I create it?
This tag allow user to post comments in my FBML and display these comments on their Wall. But for some cause, comments can not be displayed in users' Wall even they checked the box "Post comment to my Facebook profile".
I don't know what was wrong with the code
I really appreciate if you can help.
This is my FBML: click here to view
And this is my code:
<fb:comments xid="comment" " canpost="true" candelete="false" numpost="10" publish_feed="true"><fb:title>Comment</fb:title></fb:comments>
I'm working on an iFrame XFBML application and had trouble getting this to work until I realized what it meant for the fb:comments tag to be an "unsupported" XFBML tag. To get this working, you have to wrap the fb:comments call in fb:serverFbml tags.
Here's the full code:
<fb:serverFbml style="margin-top:15px;">
<script type="text/fbml">
<fb:fbml>
<fb:comments xid="project_1" publish_feed="false" showform="true" canpost="true" numposts="50" width="467px"><fb:title>Comment on this project</fb:title></fb:comments>
</fb:fbml>
</script>
</fb:serverFbml>
if you want comment box like this in my app
http://apps.facebook.com/pollonfb
then it very easy ,
just use following code
<fb:comments xid="Identifier" canpost="true" candelete="false" returnurl="http://apps.facebook.com/myapp/titans/">
<fb:title>Talk about the Titans</fb:title>
</fb:comments
XId id simply a unique string to identify your comment box uniquely , For example in my app there is a comment box for each poll , and poll name is xid for their comment box.