Skip to content

Latest commit

 

History

History
61 lines (48 loc) · 1.64 KB

sharethis.md

File metadata and controls

61 lines (48 loc) · 1.64 KB
title contributors issues
ShareThis
user name
reed
Nick Reed
repo number
reed/turbolinks-compatibility
4

ShareThis

sharethis.com/publishers/get-sharing-tools

Official Implementation

<head>
  <script type="text/javascript">var switchTo5x=false;</script>
  <script type="text/javascript" src="https://ws.sharethis.com/button/button.js"></script>
  <script type="text/javascript">stLight.options({publisher: 'your-publisher-id'});</script>
</head>
<body>
  <span class="st_sharethis_custom"></span>
</body>

Solutions

Remove the script tags from the head and add the following coffeescript to your application:

$ ->
  ShareThisTurbolinks.reload()

# if you're using jquery.turbolinks, you don't need this binding  
$(document).on 'page:load', ->
  ShareThisTurbolinks.reload()

$(document).on 'page:restore', ->
  ShareThisTurbolinks.restore()

ShareThisTurbolinks =
  load: ->
    window.switchTo5x = false
    $.getScript 'https://ws.sharethis.com/button/buttons.js', ->
      window.stLight.options
        publisher: 'your-publisher-id'
  
  reload: ->
    stlib?.cookie.deleteAllSTCookie()
    $('[src*="sharethis.com"], [href*="sharethis.com"]').remove()
    window.stLight = undefined
    @load()
  
  restore: ->
    $('.stwrapper, #stOverlay').remove()
    @reload()

This is known to work with the example shown in the official implementation above. If you use a more advanced implementation of ShareThis, and you find this solution isn't working, let me know.