How To Set Up Google Tag Manager (GTM) On A Squarespace 1

Squarespace makes it quite simple to add your Google Analytics tracking code to your website, but sometimes you want more information on how people are exploring your website. For example you might want to know how many people click on your phone number or email address on your website or submit your contact form.

In order to do that you first need to add Google Tag Manager to your Squarespace website and send that information to Google Analytics.

Add Google Tag Manager On Squarespace In 5 Easy Steps

  1. Create Your Google Tag Manager Account
  2. Link Google Tag Manager To Your Squarespace Site
  3. Start Tracking Google Analytics Data With Google Tag Manager ( GTM )
  4. Disconnect Google Analytics From Your Squarespace Site
  5. Test & Publish Your Tag

By using Google Tag Manager (GTM) you will be sending your page view data to google Analytics via GTM rather than a Google Analytics code.

Step 1 – Create A Google Tag Manager Account

Log into your Google account using the appropriate gmail/google email account and password. Then go to the Google Tag Manager website – https://tagmanager.google.com. Click create new account and fill out your companies/websites details.

How To Set Up Google Tag Manager (GTM) On A Squarespace Website

Think of each account in your Google Tag manager account as your business, and then you can have multiple properties or containers for each of your websites in a similar way to Google Analytics.

Add your

  • Company name
  • Select your country
  • Paste your website address under the container name. Do this without any http:// or https://
  • Select the appropriate platform – usually Web
  • Then accept the Terms & Conditions
How To Set Up Google Tag Manager (GTM) On A Squarespace Website - New Account

A window will pop up which contains the code you will need to add to your Squarespace website. It will look like the image below.

if you have already set up your Google tag manager account then click Admin -> Install Google Tag Manager in your GTM account page.

How To Set Up Google Tag Manager (GTM) On A Squarespace - Code
This is the code you will use to paste into your Squarespace site.

Step 2 – Link Google Tag Manager To Your Squarespace Site

Open another tab onto your Squarespace backend account view.

In Squarespace go to your base/config page. Click on Settings -> Advanced -> Code Injection

How To Set Up Google Tag Manager (GTM) On A Squarespace - Menus

Now copy and paste the code given to you by GTM into the following locations. You can use the icon to automatically copy the complete code.

  1. Copy the <head> code and paste it into the first code input field labeled “HEADER” on the Code Injection page on Squarespace.
  2. Copy the <body> code and paste it into the second code input field labeled “FOOTER” on the Code Injection page on Squarespace.

Hit “Save” to update the changes you have made.

How To Set Up Google Tag Manager (GTM) On A Squarespace - Code Injection

Step 3 – Start Tracking Google Analytics Data With Google Tag Manager ( GTM )

You are now going to set up Google Tag manager to send your page view information to your Google Analytics account. ( We have assumed you already have a Google analytics account )

On your Google Tag Manager account click on Workspace in the top left corner of the page.

How To Set Up Google Tag Manager (GTM) On A Squarespace - Workspace

Once there click on “New Tag” and configure your Tag

  • Tag Type – Select “Google analytics – Universal Analytics”
  • Track Type – “Page View” ( leave as is )
  • Set up the Google Analytics Settings on a “new variable”
    • Click on the dropdown arrow
    • Click on “new variable”
    • A new window will slide out from the right.
    • Name your variable ( Top left ) – Eg Google Analytics Settings
    • Paste your Google Analytics tracking ID code into the “Tracking ID” field
    • Leave the “Cookie Domain” as auto
    • Click “Save”
  • Now click on the Triggering section below the configuration section
  • Select “All Pages” as the Firing Triggers
  • Name Your Tag ( Top Left Again ) Eg Google Analytics Page View Tag
  • Click “Save” ( Top Right )
How To Set Up Google Tag Manager (GTM) On A Squarespace - New Tag 1
How To Set Up Google Tag Manager (GTM) On A Squarespace - New Tag 2

Step 4 – Disconnect Google Analytics From Your Squarespace Site

You do not want Google Analytics to double count the people coming to your website, so you want to remove your Google Analytics Tracking ID from the usual place you enter it in Squarespace. If you have not linked your Google Analytics account before you can skip this step.

In your Squarespace backend click -> Settings -> Advanced -> External API Keys

How To Set Up Google Tag Manager (GTM) On A Squarespace - Remove GA Code

Then remove/erase the code in the “Google Analytics Account Number” field.

How To Set Up Google Tag Manager (GTM) On A Squarespace - Remove GA Code 2

Step 5 – Test & Publish Your Tag

In order to see your changes and send the data to Google Analytics you need to publish your changes.

  • In the far right hand corner click “Submit”
  • Add a version name – eg a date or code that you can continue to use for each update.

Once this is done you can see if your changes are working and if information is being sent to GA. There are a few different ways to do this. The easiest way is to go to your Google Analytics account.

  • Click on the appropriate property
  • Click on “Real Time” view, then “overview”
  • In another tab or browser go to your website
  • leave that tab open and go back to your Google Analytics tab and you should see some activity.
How To Set Up Google Tag Manager (GTM) On A Squarespace - Real Time View

Congratulations you have set it up correctly. If you have any issues please comment in the post below.

The next step is add some advanced tracking tags to your Squarespace site. This blog post explains it beautifully. read how to add tags to track your Squarespace forms.

How Do I Add Google Tag Manager To My Squarespace Website

1. Create Your Google Tag Manager Account
2. Link Google Tag Manager To Your Squarespace Site
3. Start Tracking Google Analytics Data With Google Tag Manager ( GTM )
4. Disconnect Google Analytics From Your Squarespace Site
5. Test & Publish Your Tag

Where Do I Put My Google Tag Manager Code In Squarespace

In your Squarespace backend go to your home/config page. Click on Settings -> Advanced -> Code Injection

Now copy and paste the code given to you by GTM into the following locations. You can use the icon to automatically copy the complete code.

Copy the <head> code and paste it into the first code input field labeled “HEADER” on the Code Injection page on Squarespace.
Copy the <body> code and paste it into the second code input field labeled “FOOTER” on the Code Injection page on Squarespace.

Hit “Save” to update the changes you have made. How To Set Up Google Tag Manager (GTM) On A Squarespace - Code Injection

Why Should I Use Google Tag Manager Instead Of Google Analytics On My Squarespace Website?

Squarespace allows limited coding ability on your website so it is not easy to create click events to track in GA. The best way to track button clicks, phone call and email clicks as well as contact form submissions is to use Google Tag Manager and send that data to your Google Analytics account so that you can then link that information with your Google Ads, other PPC account or social media advertising account.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply