SOP 066: How to add Google Tag Manager to a Squarespace Website

Goal: 
To add Google Tag Manager to a Squarespace site

Ideal Outcome: 
Google Tag Manager is properly installed without any technical issues.

Prerequisites or requirements: 

This works for all Squarespace plans, except the “Personal” plan. 

Why this is important: 
Google Tag Manager is a great tool to add and manage multiple pixels and tracking codes without needing to edit the code of a site.
Where this is done: 
In your Squarespace admin panel and Google Tag Manager.
When is this done: 
Only once—the first time you install Google Tag Manager.

Who does this: 
The person responsible for website management or analytics.

1. Download and install the Google Tag Assistant Chrome Extension (Free)

If you don’t have a Google Tag Manager account yet:

1. Sign up for Google Tag Manager (Free):
   1. You’ll need to log in to your Google account.
   2. You’ll be prompted to set up a Google Tag Manager account right away. 
      • You can just use your company/website name for both the account and container. 
      • Under “Where to Use Container”, select “Web”

c. Accept the terms and conditions.

d. You will see your Google Tag Manager code.

1. 1. 1. Copy the first snippet of code, you will need it for the next chapter.

      2. Below the first snippet of code, you will have a second one, copy that code as well, you will also need it for the next chapter.

         

e. Once, you are in your Workspace, click on Submit > Publish > Continue to publish your Google Tag Manager container:

If you already have a Google Tag Manager account:

1. Login to your Google Tag Manager account;

2. On the top header click “Admin” → “Install Google Tag Manager”

        3. Copy the first snippet of code, you will need it in the next chapter.

4. Below the first snippet of code, you will have a second one, copy that code as well, you will also need it for the next chapter.

1. Log in to your Squarespace account here;

2. Select the website to which you want to add Google Tag Manager:

   

3. On the sidebar click “Settings” → “Advanced” → “Code Injection”

   

4. Paste the code snippets you got from Google Tag Manager, according to the picture below:

   
5. At the top of the page, click “Save”:

6. That’s it!

1. Open your website homepage using Chrome.

2. Click on the Google Tag Assistant Chrome Extension

   

3. Click on “Enable”

   

4. Refresh the page and click on the Google Tag Assistant Chrome Extension again

5. You should see a green tag for Google Tag Manager, indicating that the installation was successful.