How to Install Google Tag Manager in Shopify (For Beginners)

This is the FIRST thing I do whenever I start a new website.

Google Tag Manager is a tag management system that allows you to easily deploy code snippets and tracking code to your site without the need to edit the code or asking your developer to do it.

There are two important things to mention about the I’ll explain here:

1. Unlike the official Shopify process, which only adds Google Tag Manager to the non-checkout pages unless you’re an enterprise customer using Shopify Plus, the method I’ll explain will allow you to add Google Tag Manager to all pages of your website (including checkout pages). This is super important for your digital marketing if you’re using Google Tag Manager for tracking or remarketing.
2. For this method to work, you need to have already installed Google Analytics on your Shopify website for e-commerce tracking. If you haven’t, you can follow this walkthrough to do that.

The entire process to add Google Tag Manager to your Shopify account should take no longer than 5 minutes.

Sidenote: If you’re not using Shopify, check out our guides for how to use Google Tag Manager for WordPress or Squarespace.

Now let’s get started.

If you want to save this tutorial for later, you can download a copy through the form below.

• If you don’t have an account yet, sign up for Google Tag Manager and set up your account. You’ll get your tracking code right away.
• If you already have a Google Tag Manager account for your e-commerce store, log into your account, click “Admin” on the top navigation, and then click “Install Google Tag Manager”.

You’ll see two pieces of code.

From this first piece of code snippets, copy everything between the “script” tags (excluding the actual tags). You will need it in the next chapter.

Below that, you will find another piece of tracking code. You can copy this whole thing and save it for the next chapter.

If this is your first time using Google Tag Manager, remember to publish your GTM container by clicking “Submit” and then “Publish”.

Log into your Shopify store and click on “Preferences” under “Online Store”.

Click “Add custom JavaScript to Google Analytics”.

Paste the first piece of code you got from Google Tag Manager on the previous step, and click “Save”.

Next, click on “Themes” under “Online Store”.

Click “Actions” and then “Edit Code”.

On the search bar, search for and select “theme.liquid file”, which is in the theme files.

Locate HTML tag in the GTM code that starts with “<body” (body tag) you can either drop-down until you find it or you can just use your browser’s search feature (typically Ctrl+F for PC, and ⌘+F for Mac).

Paste the second piece of code that you got from Google Tag Manager there:

Here’s how it should look:

Finally, click Save in the top right corner.

All that’s left is to check and see if everything is working properly.

To test, you’ll need to install the Google Tag Assistant Extension on Google Chrome.

Once you’ve done that, open your website and click on the Google Tag Assistant icon.

Click on “Enable”.

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

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

That’s it!

If you’ve followed all the steps until now, you’ve now installed Google Tag Manager on your Shopify store and the container will be included in all your pages—including checkout pages.

More Resources