Using a Facebook comment box social pluggin. Our site is currently in the beginning process of converting to an HTML5. But, noticed with the Facebook comment boxes there is no option for pre-HTML5 codes. In the Implementation pull down it only has HTML5 or xfbml - Why not have a pre-HTML5 option as well?
The HTML5 output by the Facebook plugins is also valid pre-HTML5. It's just a <script> tag and a <div> tag.
Related
Background
Lately, Facebook added a "carousel" ad format, showing multiple slides in a sponsored post. This is now available for non-business users too.
Facebook example of a carousel ad format
Meta annotation
I am looking for a way to "annotate" my website in a way that it will be showing a carousel in a Facebook post when the url is used in a post. Currently I am using Open Graph (og) meta tags for annotation.
HTML share link
Besides that, I'm looking for a way to add multiple "carousel slides" to a Facebook share link. Currently I am using the following html for Facebook share links:
<a
href="http://www.facebook.com/dialog/feed
?app_id=123
&link=http%3A%2F%2Fmy.url.com
&picture=http%3A%2F%2Fmy.url.com/img.jpg
&name=MyTitle
&caption=MyCaption
&description=MyDescription
&redirect_uri=http%3A%2F%2Fmy.url.com"
target="_blank"
>
Share on Facebook
</a>
Both ways result in the default post format. Can anyone help me with Facebook sharing in carousel format?
This is currently a feature that is being tested and it's not possible to apply for it.
Now this feature is live & when posting on a page select Image format and select carousal, you can add about 6 images to carousal & publish.
I have an Angular site that uses hashbang (#!) in urls. To render these pages for crawlers and Facebook bot (who changes the #! to ?_escaped_fragment) I have server side logic to add meta-tags, open graph tags etc and render a special version of the page.
I.e: http://example.com/something/#!/a/special/url is fetched by Facebook using http://example.com/something/?_escaped_fragment_=/a/special/url and my server responds correctly.
This works great. Facebook's own open graph debug page fetches the page meta data correctly. And I am able to share the page on Facebook.
But the pages also have Facebook comments. It is added by the javascript which inserts
<div class="fb-comments fb_iframe_widget fb_iframe_widget_fluid"
data-href="http://example.com/something/#!/a/special/url"
data-numposts="5"
data-width="100%"
data-version="v2.3"
data-colorscheme="light"
</div>
The comment box is shown and all is good. I can even post comments and see them later.
BUT: When Facebook sends notifications to other users that have commented, the link displayed on Facebook has a ?_escaped_fragment_ and not a hashbang (#!) resulting in the user getting the "special" Facebook page. This is strange to me since the escaped fragment is supposed to only be used by bots, not when displayed in links.
The link on facebook notifications is on this format lsr.php?u=http%3A%2F%2Fexample.com%2Fsomething%2F%3F_escaped_fragment_%3D%a%252Fspecial%252Furl%252F17%252F&ext=......
Is there some way to avoid Facebook displaying this _escaped_fragment_ when displaying the link?
I am having humbling issues with Facebook and Wordpress
I am using
WP ver 3.4.1
FB plugin Version 1.0.2
I Installed the plugin. Created a Facebook app.
What is happening is I am sharing the page on Facebook using Facebooks share button, send button, and subscribe button. Even if I copy and paste the post I get the following in the feed description.
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym >title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <>strike> <strong>
I think it is in a Facebook PHP file, but I looked there. I am kind of stumped to say he least.
Yes. For some reason the Facebook for Wordpress plugin pulls in the comment instructions as the default description it uses in the og:meta tags, especially when there is no text associated with your posts or no excerpt set.
On my sites, I use the Facebook for Wordpress plugin for connectivity, but I've given up letting it generate my meta tags. I use Wordpress SEO instead, since you can specify what text should be in your description, titles, etc. There are other plugins that also do the same.
To inhibit the Facebook for Wordpress meta tags, add this to your theme's functions.php:
//Remove the Facebook for WP tags until they get their s**t together.
remove_action('wp_head', 'fb_add_og_protocol', 10);
I have a page in my website to invite Facebook friends to use my website and the code is pretty standard stuff
<fb:serverFbml style="width: 755px;">
<script type="text/fbml">
<fb:fbml>
<fb:request-form ....
<fb:req-choice />
>
</fb:request-form>
<fb:multi-friend-selector .../>
</fb:fbml>
</script>
</fb:serverFbml>
As far as what I understand, because I am including FB JS SDK, it interprets the XFBML tags and includes the appropriate html for the same (which is interpreted by the browser).
I hear that FBML is being deprecated. I am assuming that this will not affect the XFBML tags, rt? Can someone please confirm? I am confused because all these tags have been listed in FB documentation under Advanced Topics › Legacy FBML › fb:serverFbml.
I also have other tags in various other pages like <fb:profile-pic>, <fb:name>, <fb:title>, <fb:iframe>, <fb:google-analytics> Should I be migrating them to their HTML equivalent?
Is there some documentation on how to go about doing this? Any inputs is highly appreciated
Thanks.
fb:multi-friend-selector never had XFBML versions but only FBML which isn't the same since FBML only works in application canvas and only for apps that use FBML (not an iframe)
Cite from FBML documentation
We are deprecating FBML. On Jan 1, 2012: FBML will no longer be supported on Platform. June 1, 2012: FBML apps will no longer work. All FBML endpoints are removed. If you are building a new application on Facebook.com, please implement your application using HTML, JavaScript and CSS. You can use our JavaScript SDK and Social Plugins to embedded many of the same social features available in FBML.
Update:
You still can use it with FB.XFBML.parse method of JavaScript SDK.
In your case looks like you should move fb:multi-friend-selector to be within fb:request-form (like it shown on fb:request-form documentation.
But I strongly suggest using Requests Dialog with JavaScript SDK instead of FBML tags
Update 2:
While not officially confirmed (yet) I'll allow myself to speculate on this a bit. Probably every FBML tags will be removed and fb:serverFbml will not be parsed by JS-SDK after June 1, 2012.
You can try to ask about this on Quora (with a big change to get response from one of officials
We have a Face book page.We add a custom FBML tab.Now we want to add Comment Face book plugin.I tried to add an script what i got from Face book Social Plug in.The code is
<div id="fb-root"></div><script
<src="http://connect.facebook.net/en_US/all.js#appId=178089302222317&xfbml=1"></script><fb:comments numposts="10" width="425"
publish_feed="true"></fb:comments>
After that i put this script to custom FBML page but its not reflecting any thing please suggest to solve this issue.
Thanks in advance.
You should start over and not use FBML but use an iframe instead.
You are trying to create an app on a page tab. To do this take a look at the FB dev site and it shows you how to get started with an iframe based app and then how to get that to work on a page tab.
https://developers.facebook.com/docs/guides/canvas/#tabs
Once you move to iframes you can use all of the social plug-ins and other advanced features like the Graph API.
<fb:comments xid="some_unique_id_doesnt_matter_what" canpost="true" candelete="false" publish_feed="true" numposts="10" returnurl="http://facebook.com/YOURPAGE">
<fb:title>Headline</fb:title>
</fb:comments>
this is what you are looking for.. your code doesnt work in FBML, yours is XFBML
<fb:title>
is optional