I’m trying to integrate a Facebook “Facepile” and as you might see over on the right side, under the square ad: http://www.dressupdestiny.com/
I’ve put all 3 types of Facepile FB offers through their plugin tool. They have HTML5, xfbml, and iframe. I put all three after trying and testing them all. No matter what, they work in Firefox and Internet Explorer 8, but none of them work in Chrome. I checked Chrome’s error console and there are no errors reported.
Any ideas? Only Chrome on a Windows PC is doing this (though I have not tested on Mac, or with Safari yet)
I’ve figured out the cause of empty white blocks showing up in Chrome: It’s because I’m not logged into Facebook in Chrome. I am logged in in Firefox and in IE. I logged out of Facebook in IE and now my site shows white empty spaces in IE too.
So I guess the real question is: How do I implement a “Facepile” of people who liked my site regardless if the user is logged in? I’ve seen it on other websites.
Now for step 1, check the documentation for the Like Button: http://developers.facebook.com/docs/reference/plugins/like/ As you can see, this is pretty simple, but where it gets tricky is the fact that you need to associate it with either a Facebook App using the <meta property=“fb:admins” content=“USER_ID1,USER_ID2”/>. Check this link for more information: http://developers.facebook.com/docs/opengraph/ (Under “Page Administration”)
So what you need to do is go to http://developers.facebook.com, create an app, put the app_id in the Facebook meta tags of your website and include the Like-Button.
Now once you’ve done this, go to http://developers.facebook.com/docs/reference/plugins/facepile/ and get the Facepile code. Make sure that you use the same app_id for this as you’ve done for the Like button and use the iFrame Facepile. You can also use the XBFML version if you pass that app_id when initializing the Facebook Javascript SDK.
Once you’ve done this, the people that like your website should show up in the Facepile. Please keep me posted on how things are working out.