AddToSite

← Customize

Customize

Share a URL other than this page

By default a kit shares the page it is on. Give it data-url and it shares that instead — which is what you want on a listing page, where every row shares its own link.

Live demo

Running on this page

These buttons share the documentation page, not this one. Open one and check the address it carries.

The code

This is the demo above, verbatim. Nothing is shortened for the page.

<div class="ats_kit ats_kit_size_32"
     data-url="https://addtosite.com/docs/"
     data-title="Getting started with AddToSite">
  <a class="ats_button_facebook"></a>
  <a class="ats_button_x"></a>
  <a class="ats_button_linkedin"></a>
  <a class="ats_button_email"></a>
  <a class="ats_dd"></a>
</div>

<script async src="//static.addtosite.com/widget.js"></script>

Both attributes are optional

Without data-title the widget falls back to the og:title of the page, then to its <title>. Without data-url it uses the canonical link if there is one, then the current address.

Many kits on one page is normal

Each kit reads its own attributes and counts against its own URL, so a page of twenty rows with twenty kits behaves exactly as twenty separate pages would.

Next