If I am not logged and and click the "Like" button, it correctly opens a window and takes me to the Facebook login screen. However, after I enter my login information I get the following error: "An error occurred with Facebook Platform Opt In. Please try again later."
I can then click the "Okay" button in the top right-hand corner, and I'm taken to the News Feed. If I then reload the page that contains the Like button, I'm able to use the Like button successfully.
So, if I'm already logged in to Facebook, then the Like button is working as expected. But, if I'm not logged in to Facebook, I get an error after entering my credentials. This is only happening on mobile devices; it works great in Firefox and Chrome on a desktop.
The same error is occurring if I try to use the built in Like button on the
http://developers.facebook.com/docs/reference/plugins/like/ page, without being logged into facebook in my Safari mobile session.
Someone else reported this bug, and I think it was erroneously marked as a duplicate. See
http://developers.facebook.com/bugs/466988419998316 This is the code that we have on the page:
<html xmlns:fb="
http://ogp.me/ns/fb#">
<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=241401012553394";
fjs.parentNode.insertBefore(js, fjs);
}
(document, 'script', 'facebook-jssdk')
);
</script>
<fb:like href="
http://www.cabelas.com/product/746785.uts?WT.tsrc=SOC&%3BWT.mc_id=fblike" send="true" layout="button_count" width="450" show_faces="true"></fb:like>