Turbolinks

When using JavaScript widgets with Turbolinks you need to take some additional precautions to ensure you don't get any odd behavior. Due to how Turbolinks caches items on page navigation we need to tell it that our widget item is permanent. To do that we must give it a unique identifier and add the data-turbolinks-permanent attribute.

You'll typically get multiple widgets showing up on navigation in a Ruby on Rails application that is utilizing Turbolinks.

<div
id="soundbiteWidget" 
data-soundbite 
data-soundbite-token="your-account-token" 
data-turbolinks-permanent>
</div>

To learn more on this Turbolinks topic visit persisting elements across page loads.

If you continue to have rendering issues with our widget please, reach out to us at hello@soundbite.so