Summary

  1. Open your Socital  dashboard, go to Data Collect, click on Installation Instructions
  2. Copy your Socital script
  3. Go to Google Tag Manager > New tag > Custom HTML Tag
  4. Paste the script into the HTML field
  5. Add async=true parameter in the script
  6. Choose to fire the tag on All Pages
  7. Create tag > Save > Publish

In order to make Socital Plugins visible on your website, you need to add the Socital script into the code of your site. This needs to be done only once. If you are using Google Tag Manager you can use it to add the Socital script into your website.

 

Step 1

Open the Google Tag Manager, click to add a New Tag, then click on “Tag Configuration” and choose “Custom HTML” from the list of the available tag types.

 

1 Add new tag

 

2 Tag Configuration

 

3 Custom HTML

Step 2

Log in to your Socital account, click on “Installation Instructions” at the left-hand menu. Copy your Socital script.

 

4 Get Socital script

 

Step 3

Go back to Google Tag Manager and paste the script into the HTML field.

You need to add the parameter async=true within the script.

 

5 Add parameter async equals true

 

Step 4

After you add the Socital script on the HTML editor, click on the checkbox to enable the “Support.document.write” option underneath the editor.

Support Doc write

Step 5

Click on “Triggering” and choose to fire the tag on All Pages.

 

6 Triggering

 

7 All pages

 

Step 6

Name your tag and click “Save”.

8 Name and Save tag

 

Preview and then publish the changes as you usually do when making any changes in the Google Tag Manager.

9 Publish tag

The Socital script has now been added to your website, making your active Socital Plugins visible to your visitors.