← All platforms

1. 01

   Load the script from your theme

   Declare it as a library in THEME.libraries.yml, then attach it in THEME.info.yml so it loads on every page.

   yaml

   # THEME.libraries.yml
   addtosite:
     js:
       //static.addtosite.com/widget.js: { type: external, attributes: { async: true } }
   
   # THEME.info.yml
   libraries:
     - THEME/addtosite

2. 02

   Put the buttons in the node template

   Copy node.html.twig into your theme and add the kit after the content. Twig gives you the canonical URL and title, so each node shares itself rather than the front page.

   twig

   {{ content }}
   
   <div class="ats_kit ats_kit_size_32"
        data-url="{{ url('entity.node.canonical', {'node': node.id}) }}"
        data-title="{{ label|render|striptags|trim }}">
     <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>

3. 03

   Or use a block, with no theme edit at all

   Structure → Block layout → Add custom block, set the text format to Full HTML, paste the snippet, then place the block in the Content region and limit it to the content types you want.