How to: Customize Inline Share URLs

By March 2, 2017

Specifying what you want your share buttons to share is one of the most important aspects for your audience. Most times, the Open Graph Protocol tags in your content will be picked up, but for those who want to have multiple buttons on a page, this article is for you!

Properties in <div> Tags

You can specify the URL, title, and image to be shared by adding the following codes into <div class=”sharethis-inline-share-buttons”></div> which is stored within the <header>.

Name Definition
data-url Specifies URL (can be shortened URL) that you would like shared
data-title Specifies title that you would like shared
data-image Specifies link to image you would like displayed in the shared content
data-description Specifies summary text/description you wish to share

Example This button is set to share the ShareThis home page with the title “Sharing is great!”

<div class="sharethis-inline-share-buttons" data-url="http://sharethis.com" data-title="Sharing is great!"></div>

 

Additional

Please keep in mind that only certain services allow us to customize these fields and not all services use all of them.

For Example:

Facebook will ALWAYS use the og: mata tags for the URL instead of these values.

data-image only affects Pinterest.