Facebook Like snippet for Turbolinks

facebook.coffee

class @Facebook

    rootElement = null
    eventsBound = false

    @load: ->
        unless $('#fb-root').size() > 0
            initialRoot = $('<div>').attr('id', 'fb-root')
            $('body').prepend initialRoot

        unless $('#facebook-jssdk').size() > 0
            facebookScript = document.createElement("script")
            facebookScript.id = 'facebook-jssdk'
            facebookScript.async = 1
            facebookScript.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=#{Facebook.appId()}&version=v2.0"

            firstScript = document.getElementsByTagName("script")[0]
            firstScript.parentNode.insertBefore facebookScript, firstScript

        Facebook.bindEvents() unless Facebook.eventsBound

    @bindEvents = ->
        if typeof Turbolinks isnt 'undefined' and Turbolinks.supported
            $(document)
                .on('page:fetch', Facebook.saveRoot)
                .on('page:change', Facebook.restoreRoot)
                .on('page:load', ->
                    FB?.XFBML.parse()
                )

        Facebook.eventsBound = true

    @saveRoot = ->
        Facebook.rootElement = $('#fb-root').detach()

    @restoreRoot = ->
        if $('#fb-root').length > 0
            $('#fb-root').replaceWith Facebook.rootElement
        else
            $('body').append Facebook.rootElement

    @appId = ->
        'APP-ID'

Facebook.load()

facebook.html

<div class="fb-like" data-href="{URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

Had some Rails Turbolinks problems with the facebook sdk and this gist seems to be a very clean solution, thanks! Consider renaming it to something like “Facebook SDK Turbolinks snippet with like button example” for easier Google discovery. :)

Thanks a lot. It works and solve the problem between Rails Turbolinks and Facebook.

Works perfectly - thanks! :-)

as of today, //connect.facebook.net/en_US/sdk.js became //connect.facebook.net/en_US/all.js
thx a lot for this script, using fb with turbolinks is not that obvious at first

Works really well thanks a mill!!!
...one small problem however, I changed the name of my facebook App, but when I hover over the like button(or click it), it's still giving the old name.
I even created a new app with facebook & updated the app id, and still it's pointing to the old name..any ideas???
Ok..sorted...just needed to add Open Graph MetaData & scrape again from FB..thanks!

Not working for me. Do i need to call Facebook.load() on every page change?