{"slug":"sop-065-how-to-add-google-tag-manager-to-a-shopify-store","title":"How to add Google Tag Manager to a Shopify Store","tags":["source:clickminded","type:sop","server:clickminded-sop","google","tag","manager","shopify"],"agent_summary":"SOP 065: How to add Google Tag Manager to a Shopify Store Add Google Tag Manager to a Shopify store and unlock a whole new world of tools and features to power up your Shopify Store. __Last Updated /","trigger_phrases":["how to add google tag manager to a shopify store"],"runnable":false,"markdown":"\r\nSOP 065: How to add Google Tag Manager to a Shopify Store\r\n\r\nAdd Google Tag Manager to a Shopify store and unlock a whole new world of tools and features to power up your Shopify Store.\r\n\r\n__Last Updated / Reviewed:__ 07/25/2024\r\n\r\n__Execution Time:__ ~5-10 minutes\r\n\r\n__🚀 Goal:__ To add Google Tag Manager to a Shopify store. \r\n\r\n__🤞 Ideal Outcome:__ Google Tag Manager is properly installed without any technical issues. \r\n\r\n__🤔 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. \r\n\r\n__🧐 Where this is done__ In your Shopify admin panel and Google Tag Manager. \r\n\r\n__🗓️ When this is done:__ Only once—the first time you install Google Tag Manager. \r\n\r\n__👨 Who does this:__ The person responsible for website management or analytics. \r\n\r\n__⚠️Prerequisites or requirements: __You need to have Google Analytics on your store. If you haven’t done it yet, you can follow SOP067 ([web version](https://members.clickminded.com/sop/067/)) to set up Google Analytics for Shopify.\r\n\r\n[__Click here to get the most up-to-date version of this SOP__](https://members.clickminded.com/sop/065)\r\n\r\n## Environment Setup\r\n\r\n### 01▸ Get the [Google Tag Assistant Companion](https://chromewebstore.google.com/detail/tag-assistant-companion/jmekfmbnaedfebfnmakmokmlfpblbfdm) (Free).\r\n\r\n## Grab your Google Tag Manager container code\r\n\r\n## SCENARIO 1: If you don’t have a Google Tag Manager account yet\r\n\r\n### 01▸ Sign up for [Google Tag Manager ](https://www.google.com/analytics/tag-manager/)(Free):\r\n\r\n\r\n### 02▸ You’ll need to log in to your Google account.\r\n\r\n### 03▸ You’ll be prompted to set up a Google Tag Manager account right away. Click “Create Account”.\r\n\r\n\r\n### 04▸ Fill out your account details such as name, country, and website URL, and choose your preferred target platform. Click “Create”.\r\n\r\n\r\n### 05▸ Accept the terms and conditions by checking the box below and clicking “Yes”.\r\n\r\n\r\n### 06▸ Next, a pop-up will appear where you will see your Google Tag Manager code. Please remain this page open until the next chapter. You will need to copy the first and second snippets of codes into your Shopify Store later.\r\n\r\n\r\n### 07▸ Once you are in your Workspace, click on Submit > Publish > Continue to publish your Google Tag Manager container:\r\n\r\n\r\n## SCENARIO 2: If you already have a Google Tag Manager account\r\n\r\n### 01▸ Log into your [Google Tag Manager ](https://www.google.com/analytics/tag-manager/)account;\r\n\r\n### 02▸ On the top header click “Admin” → “Install Google Tag Manager”\r\n\r\n\r\n### 03▸ Copy the code below. You will need it in the next chapter.\r\n\r\n\r\nBelow the first snippet of code, you will have a second one. Remain this tab open to copy the second code and paste it into your Shopify store later.\r\n\r\n\r\n## Adding Google Tag Manager to your Shopify Store\r\n\r\nNote: This method allows you to add Google Tag Manager to your whole website, in contrast to the [official documentation,](https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-tag-manager) which only allows you to add GTM to the non-checkout pages unless you are a Shopify Plus customer.\r\n\r\nNote 2: If you are a Shopify Plus customer, follow the official documentation laid out[ here](https://help.shopify.com/en/manual/reports-and-analytics/google-analytics/google-tag-manager).\r\n\r\n### 01▸ Log into your [Shopify store.](https://help.shopify.com/login)\r\n\r\n### 02▸ On the sidebar, under “Online Store” click “Themes”:\r\n\r\n\r\n### 03▸ Click the kebab menu → “Edit Code”\r\n\r\n\r\n### 04▸ On the search bar, search for “theme. liquid” → Click “theme.liquid”\r\n\r\n\r\n### 05▸ Locate a section of the code that starts with “”. This should appear immediately on line 3 of the page. Paste the first snippet of code copied from Google Tag Manager right under :\r\n\r\nExample:\r\n\r\n\r\n### 06▸ Next, copy and paste the second code immediately after \"\":\r\n\r\n\r\nNote: You may want to search \"body\" in the search box and remember to click “Save” in the top right corner whenever you've added a code under \"\" or \"\".\r\n\r\n## QA-ing your installation\r\n\r\n### 01▸ Open your website homepage using Chrome.\r\n\r\n### 02▸ Click on the Tag Assistant Companion Chrome Extension in your browser.\r\n\r\n\r\n### 03▸ Click on “Add domain”\r\n\r\n\r\nEnter your website’s URL and click “Connect”:\r\n\r\n\r\n### 04▸ Check if the Tag Assistant is connected to your site. You should be able to see the below pop-up on your site when it is connected:\r\n\r\n\r\nNote: If connection issues occur, you may refer to [this link here ](https://support.google.com/tagassistant/answer/10039345?hl=en#zippy=%2Cin-this-article)to troubleshoot.","html":"

SOP 065: How to add Google Tag Manager to a Shopify Store

\n

Add Google Tag Manager to a Shopify store and unlock a whole new world of tools and features to power up your Shopify Store.

\n

Last Updated / Reviewed: 07/25/2024

\n

Execution Time: ~5-10 minutes

\n

🚀 Goal: To add Google Tag Manager to a Shopify store.

\n

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

\n

🤔 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.

\n

🧐 Where this is done In your Shopify admin panel and Google Tag Manager.

\n

🗓️ When this is done: Only once—the first time you install Google Tag Manager.

\n

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

\n

__⚠️Prerequisites or requirements: __You need to have Google Analytics on your store. If you haven’t done it yet, you can follow SOP067 (web version) to set up Google Analytics for Shopify.

\n

Click here to get the most up-to-date version of this SOP

\n

Environment Setup

\n

01▸ Get the Google Tag Assistant Companion (Free).

\n

Grab your Google Tag Manager container code

\n

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

\n

01▸ Sign up for Google Tag Manager (Free):

\n

02▸ You’ll need to log in to your Google account.

\n

03▸ You’ll be prompted to set up a Google Tag Manager account right away. Click “Create Account”.

\n

04▸ Fill out your account details such as name, country, and website URL, and choose your preferred target platform. Click “Create”.

\n

05▸ Accept the terms and conditions by checking the box below and clicking “Yes”.

\n

06▸ Next, a pop-up will appear where you will see your Google Tag Manager code. Please remain this page open until the next chapter. You will need to copy the first and second snippets of codes into your Shopify Store later.

\n

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

\n

SCENARIO 2: If you already have a Google Tag Manager account

\n

01▸ Log into your Google Tag Manager account;

\n

02▸ On the top header click “Admin” → “Install Google Tag Manager”

\n

03▸ Copy the code below. You will need it in the next chapter.

\n

Below the first snippet of code, you will have a second one. Remain this tab open to copy the second code and paste it into your Shopify store later.

\n

Adding Google Tag Manager to your Shopify Store

\n

Note: This method allows you to add Google Tag Manager to your whole website, in contrast to the official documentation, which only allows you to add GTM to the non-checkout pages unless you are a Shopify Plus customer.

\n

Note 2: If you are a Shopify Plus customer, follow the official documentation laid out here.

\n

01▸ Log into your Shopify store.

\n

02▸ On the sidebar, under “Online Store” click “Themes”:

\n

03▸ Click the kebab menu → “Edit Code”

\n

04▸ On the search bar, search for “theme. liquid” → Click “theme.liquid”

\n

05▸ Locate a section of the code that starts with “”. This should appear immediately on line 3 of the page. Paste the first snippet of code copied from Google Tag Manager right under :

\n

Example:

\n

06▸ Next, copy and paste the second code immediately after \"\":

\n

Note: You may want to search \"body\" in the search box and remember to click “Save” in the top right corner whenever you've added a code under \"\" or \"\".

\n

QA-ing your installation

\n

01▸ Open your website homepage using Chrome.

\n

02▸ Click on the Tag Assistant Companion Chrome Extension in your browser.

\n

03▸ Click on “Add domain”

\n

Enter your website’s URL and click “Connect”:

\n

04▸ Check if the Tag Assistant is connected to your site. You should be able to see the below pop-up on your site when it is connected:

\n

Note: If connection issues occur, you may refer to this link here to troubleshoot.

\n"}