Skip to main content - Skip to accessibility settings - Skip to right sidebar

Drupal for Facebook FYI

Updated July 28 2008 (links to files with better uploading instructions coming soon)

CURRENT STATUS: content from my drupal site being displayed in a canvas page at facebook.com, cool.  Users/visitors now able to add content or comments via facebook canvas pages.
I'll be checking out all the core modules, then other modules to see which ones work out-of-the-box and which ones require special settings or tweaking.

COMING SOON:  I've just figured out how to get a session key, and I'm currently playing with Actions and Views for use with Drupal for Facebook.  Will hopefully get mini-feed and profile-app spot integration going soon :)

I finally got this to work on one of my sites, which I setup solely to test this out, and I've tried to relay the steps to you all that I followed to get it all going. Hope this helps, and good luck!!!

I've since applied the following steps to a fully up and running Drupal install that had a botched attempt at D4FB. After following all the steps, the last thing I had to do to get it working was deleting the "FB" module folder from the server, then refreshing or re-saving all settings within the drupal install, then upload that folder again. Did the trick, check it out http://apps.facebook.com/scottpolley/

Starting with a clean new Drupal install, only core modules...

 

Drupal version 5.8

Drupal for facebook version 5.x-1.x-dev (Updated July 25 2008)  READ THE README.txt!!!  There isn't alot there, but don't move on until you've taken it in.

 

FTP: upload "fb", "actions", and "token" modules to "sites/all/modules/" (create this directory if it does not already exist)

DRUPAL: enable "Path" (core), "Facebook API" and "Facebook application"

DRUPAL: enable clean URLs (make sure the .htaccess is okay, otherwise this won't work)... Everytime I upload a new Drupal install, the .htaccess file ends up empty. I'm not sure why, I just have to go in and refill it with the info from the original folder, so there you go.

EDITOR: add this line to your drupal settings.php file "require_once "sites/all/modules/fb/fb_settings.inc";

CRUCIAL POINT!!!

FTP: move fb-fbml theme from "sites/all/modules/fb/themes/" to "sites/all/themes/" (create this directory if it does not already exist).  If you have luck putting the fb_fbml theme in the regular themes directory, power to you.

FTP: upload and extract facebook api to "./modules/fb/facebook-platform/"

FTP: upload and extract "simplexml44-0_4_4.gz" "./modules/fb/facebook-platform/php4client/" directory, expand (more info to follow)

FTP: upload simplexml44-0_4_4 files to "sites/all/modules/fb/facebook-platform"

FACEBOOK: create a Facebook app on Facebook.  Note - Callback URL "http://yoursitename.com/"  use this a a placeholder only, you'll get the proper one in a minute...)

DRUPAL: create a Facebook application on your drupal install. "Create Content->Facebook Applicattion" (get/share info with the app on FACEBOOK, revisit settings from previous step)

Once you're done creating your app and hit submit, the page/node should dipslay some settings for you to use in your FaceBook app, such as the Callback URL. I made myself look like a complete noob asking for support on this point which is stated in the README.txt, so you wouldn't have to.

FACEBOOK: set call back URL for app at FB to the one suggested by the Drupal app node,  Double check all settings in DRUPAL and FACEBOOK 

DRUPAL: enable and set to fb-fbml theme...now it works in FB!!! looks bad on site...

DRUPAL: Disable fb-fbml theme

DRUPAL: enable "Facebook Application Canvas Pages" module

FACEBOOK APP PAGE: WORKS!!!! (some errors, image or relative link related)

DRUPAL: enable fb-fbml theme in order to configure it...

DRUPAL: disable logo and shortcut to avoid errors on FB app (no relative URLs)

DRUPAL: disable fb-fbml theme

FACEBOOK APP PAGE: WORKS!!!! (no interaction, users...)

DRUPAL: enable "Facebook User Management" module, go to and edit your app/node

Lets review my settings just to be sure...

Drupal Settings App settings:

 

Allow anyone (true)
If user has added this app (true)
Map account when user logs in or registers (true)
user type = app-user
Make Local Account Unique (false)
"0" for logged in and not logged in users.

Here's my info: logged into face book with app added,
App settings:
http://apps.facebook.com/socialnmashup/

-using the suggested call back url from Drupal App node ('view' your app node in Drupal)
-Can your app be added.. "yes"
-Who can add... Checked=Users, All Pages
-Developer mode (not checked)
-Private install (not checked)

Now I am able to add comments via Facebook! 

 

I'm getting some errors, looks like some malformed html,

" class="blog_usernames_blog">711762428-socialnmashup-'s blog appears instead of 711762428-socialnmashup-'s blog as a link to that users blog.

Short term solution:  Don't use blogs. 

 - the "AddThis" module is producing errors in FB app page...

 To Do:

  • figure out Facebook-Views (could the answer to my blog link be there?  I'll have to go back to the videos, nothing in the readme about this..)
  • figure out "Actions" module, etc,  for use with D4FB...
  • ...mini feed and profile working

 

Stay tuned!

 

Here is a list of pages I went through to try to find answers to the problems I was having,
http://drupal.org/node/195035 (documentation)
http://drupal.org/node/187868 (theme related errors)
http://drupal.org/node/193335 (more documentation, trouble shooting)
http://drupal.org/node/205476 (more documentation)
http://www.drupalforfacebook.org/node/1042 (BAD Camp Demos)

    Accessibility

    colour font  Linear layout

    Accessibility guide - Home page