3 Social Plugins for Customizing Facebook iFrame Tabs
Now that Facebook is totally supporting custom iFrame tabs and phasing out FBML and also the Static FBML support, several page admins are speculative how best to feature practicality to their iFrame tabs.
For example, however does one add widespread FBML tags that expedited interaction on Facebook, like Reveal/Fan-Gating, Multi-Friend Invite, Share button, Like button and Comments.
Fortunately, a set of the XFBML tags (a.k.a. Social Plugins) supposed to be used on websites to integrate them into Facebook’s “social graph” additionally work nice on iFrame tabs.
Now page admins will merely add a free iFrame tab application to their page, that makes adding a fan-gating feature terribly simple, and that they will add Like buttons, Send buttons and/or Comments boxes to their tabs.
In this article, I’ll justify the way to add these 3 social plugins to your custom iFrame tab.
Generating the XFBML Tag code — Facebook will it for you!
You can get the code for the social plugins on Facebook’s Social Plugins page. simply navigate to the tag you wish, enter the choices on it tag’s page, then click “Get Code.”
If you’re generating the like button without the Send button, check that you copy the XFBML version of the code (NOT the “iframe” version — it won’t work) to your writing board.
The Like button: From your tab to users’ news feeds
The Like button is well the most widespread of the social plugins. you’ll be able to have as several Like buttons on an iFrame tab as you wish. for every Like button, you’ll be able to specify a target address, which might be a Facebook fan page or the other address on the online. However, you can not link to a selected fan page tab, only to the fan page itself.
Users have the choice to feature a personalized message within the Like dialog box that pops up once kind button is clicked. If the user doesn’t add a message, an easy text message posts to their wall with a link to the target address.
However, if the user will add a message, their like can show up on their wall and news feed with their comment, your brand and a link to the target url, PLUS:
If the target url could be a Facebook fan page, the post will embrace the corporate name and also the concerning Box content (in the left column when the navigation), followed by ” | Facebook”:
If the target url is an external web site, the wall post can use a picture and content per that website’s “meta” tags if they’re per the code of the target url. If they aren’t nominal, Facebook can grab a random image on the page, in addition as random text. (Learn the way to management pictures and text with meta tags.)
The image below could be a wall post wherever the url for the likes of button contains a meta-tag that specifies a picture (“image_src”) in addition as a “description” meta-tag that provides the text below the link.
The Send button: Direct sharing/messaging
On april 25, 2011, one year when the introduction of Social Plugins, Facebook rolled out the Send button.
The Send button alone, or paired with the likes of button
There are 2 ways in which to implement the Send button: 1) paired with the likes of button (as shown above), or 2) complete. Use the like button code generator to form a Like/Send combination by checking the “Send button” option within the code generator.
And there was the “suggest to friends” text link close to the highest of the proper column that popped a similar window. It’s truly still there (!), and you’ll be able to select friends and click on “send recommendations”.
The Send button currently brings this feature back to Facebook pages.
Direct messaging to Facebook friends, teams and email addresses
When a user clicks the Send button, a dialog pops up wherever users will enter their friends’ names, Facebook teams or just email addresses, and no matter message they send, and the required target address.
If sent to friends, they receive a Facebook message that features your comments, the image related to the address and outline (derived as delineate on top of for form button).
If sent to a Facebook group, the message seems on the group’s wall.
Send button dialog: Enter Facebook friends, groups or email addresses.
The Comments box: Improved
Facebook’s comments box social plugin permits you to feature a Comments box almost like the previous FBML fb:comments tag, but much better, because it permits threaded discussions, and additional closely replicates the wall.
Unique from variety and Send buttons, you’ll be able to specify a Facebook tab url for every Comments box you produce.
When you generate the code on the Comments box social plugins page, you don’t have to be compelled to have “http://www.” in the url field. Facebook can fill that in:
Clicking “Get Code” generates the XFBML you wish for your tab.
There are variety of moderation options once using this plugin on an external web site, but these don’t appear to be accessible once the Comments box is on an iFrame tab.
Great opportunities for brands using custom iFrame tabs
These new and increased tags are simply the start. I imagine that page admins can see variety of social plugin enhancements within the coming months. and that we won’t be missing FBML at all!
What does one think? does one have any specific social plugins you’d wish to see that haven’t been developed yet? Leave your comments within the box below.