Follow

Custom Share Objects - Data Attributes

 

This is an advanced feature and is recommended for use by Share users who feel comfortable modifying their HTML files directly.

Not only can you use Inline Sharing to customize how Share displays on your site, but you can choose to share content through Custom Share Objects. Through a custom Share data attribute, you can embed whatever Share data you choose in a link, button, or image!

Object Options

  • Assign the share network: data-sumome-share="twitter" ( See below for complete lists of services you can share to.
  • Assign pre-populated URL that's shared: data-sumome-share-url="https://sumome.com/"
  • Assign text for share: data-sumome-share-text="Sumo is the Best"
  • If you want to include the number of shares for that network: data-sumome-share-count="twitter"
  • TOTAL count you want to use: data-sumome-share-count="share"

Share Object Examples

Used as a link on a page:

<a href="" data-sumome-share="facebook" data-sumome-share-url="https://sumome.com/" data-sumome-share-text="Sumo is the Best" >Share on Facebook</a>

Used as an image:

<img data-sumome-share="facebook" data-sumome-share-url="https://sumome.com/" data-sumome-share-text="Sumo is the Best" src="images/facebook.jpg" alt="">

Displayed number of shares:

<strong data-sumome-share="Facebook" data-sumome-share-url="https://sumome.com/" data-sumome-share-text="Sumo is the Best">Facebook Shares: <span data-sumome-share-count="share"></span></strong>

As Text:

<strong data-sumome-share="Twitter" data-sumome-share-url="https://sumome.com/" data-sumome-share-text="Sumo is the Best">Facebook Shares: <span data-sumome-share-count="share"></span></strong>

As a Button:

<button data-sumome-share="Twitter" data-sumome-share-url="https://sumome.com/" data-sumome-share-text="Sumo is the Best">Facebook Shares: <span data-sumome-share-count="share"></span></button>

Available Share Services

  • "amazonuniversalregistry"
  • "amazonuswishlist"
  • "aollifestream"
  • "aolmail"
  • "arto"
  • "bitly"
  • "bloggerpost"
  • "boxnet"
  • "buffer"
  • "delicious"
  • "digg"
  • "diigo"
  • "diigolet"
  • "email"
  • "evernote"
  • "facebook"
  • "facebooklike"
  • "facebooksend"
  • "fancy"
  • "flipboard"
  • "friendfeed"
  • "googlebookmarks"
  • "googlemail"
  • "googleplus"
  • "hootsuite"
  • "houzz"
  • "instapaper"
  • "kaboodle"
  • "kik"
  • "lineapp"
  • "linkedin"
  • "meneame"
  • "microsoftonenote"
  • "misterwong"
  • "misterwongcn"
  • "misterwonges"
  • "misterwongfr"
  • "misterwongru"
  • "newsvine"
  • "odnoklassniki"
  • "outlook"
  • "pinboardin"
  • "pinterest"
  • "plurk"
  • "pocket"
  • "printerfriendly"
  • "reddit"
  • "slashdot"
  • "sms"
  • "soupio"
  • "stumbleupon"
  • "sumome"
  • "tapiture"
  • "techmeme"
  • "tinyurl"
  • "tumblr"
  • "twitter"
  • "typepadpost"
  • "viadeo"
  • "vk"
  • "wanelo"
  • "weheartit"
  • "whatsapp"
  • "wordpressblog"
  • "wykop"
  • "xing"
  • "yahoomail"
  • "yammer"
  • "ychackernews"
  • "yummly"
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.