Facebook mini-app with notification badge

While I don’t sit around on Facebook at work (wink wink), I wanted a way to be able to instantly get Facebook notifications without too much interruption (without alerts swamping my inbox or the Facebook page open).

Ideally I wanted a little Facebook app in my dock with a badge icon. Fluidapp is great for this. The normal Fluidapp with the standard Facebook website displays the number of unread messages. But I wanted my notifications displayed on the dock badge too.

Here’s how I did it:

  1. Create a Facebook app from the iPod Touch Facebook website, using Fluidapp:


    You should then have a brand spanking new little Facebook app available from your dock:



     
  2. Next, to enable the badge notifications, we need to create a new userscript:

    Click the “Script” icon (second from the end) in your new app and go to “New userscript…”

     
    After entering a name, it should open the script in your text editor. Copy and paste in this script:
    https://gist.github.com/8c47b77bfd30cb23d343

    You’ll then need to enable your new userscript by selecting “Manage Userscripts” from the menu again, and enabling it:



  3. Finally, reload the page (CMD+R) or close and re-open the app. Every 5 seconds the script will check for new notifications, and display them in the dock icon. Cool!

     

Enjoy!

Notes

  1. dansimau posted this