How to Customize Sticky Share Button URLs

Our sticky share buttons automatically enable users to share the page they have landed on with their network. However, if you would like to set 1 specific URL (despite which page users are sharing) or add a tracked link, follow the steps below: 

1. Add/Find the sticky share button code. It will most likely be towards the end of </body> and looks like so:

<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=XXXXXXXXXXXX&product=sticky-share-buttons"></script>


2. Add the following code immediately before the closing of </body> tag (our script will deal with moving the div where it needs to go):

<div class='sharethis-sticky-share-buttons' data-url='[CUSTOM URL HERE]'></div>Once you have these two steps in place, the sticky share bar should append to your custom URL!

Properties in <div> tags

Depending on whether you want to simply set a universal URL or shortened URL, add the following tags in the tool placement code <div class=”sharethis-sticky-share-buttons”></div> wherever you want the ShareThis tool to appear. 

NameDefinition
data-urlSpecifies URL that you would like to be shared
data-short-urlSpecifies shortened or tracked URL that you would like to be shared 

Example: This button is set to share the ShareThis home page with the title “Sharing is great!”<div class='sharethis-sticky-share-buttons' data-url='[CUSTOM URL HERE]'></div> 

Note: This customization is not available for all social channels. For example, Facebook will always use og: meta tags for the URL instead of these values.


Need help? Get in touch with us at support@sharethis.com