Skip to content

Instantly share code, notes, and snippets.

@erainey

erainey/facebook_comments_page_tab_setup.txt

Created October 9, 2012 17:04
Show Gist options
  • Save erainey/3860068 to your computer and use it in GitHub Desktop.
Save erainey/3860068 to your computer and use it in GitHub Desktop.
Download ZIP
Facebook Comments Social Plugin setup within Facebook (Fan) Page Tab
Raw
facebook_comments_page_tab_setup.txt
Facebook Comments setup within (Fan) Page Tab:
1) From https://developers.facebook.com/apps/{APP_ID} -> Edit Settings -> Basic
2) Setup "Website with Facebook Login -> Site URL" with same value as "Page Tab -> Page Tab URL"
3) Setup "App Domains" with domain of the above items
4) Make sure Open Graph Meta Tags are set up, for example:
<meta property="fb:app_id" content="{APP_ID}"/> (This allows moderation from the app admins, but should also be set up at http://developers.facebook.com/tools/comments?id={APP_ID}" -> Settings)
<meta property="og:title" content="{APP_TITLE}">
<meta property="og:type" content="{APP/COMPANY_TYPE}">
<meta property="og:url" content="{APP_PAGE_TAB_URL}">
<meta property="og:image" content="{APP_IMAGE(at least 200 px in both dimensions)}">
<meta property="og:site_name" content="{APP_SITE_NAME}"/>
<meta property="og:description" content="{APP_SITE_DESCRIPTION}"/>
5) Add the following to <html> tag in tab page source (for Internet Explorer compatibility):
xmlns:fb="https://www.facebook.com/2008/fbml"
xmlns:og="http://ogp.me/ns#"
example: <html lang="en" xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment