Learn to install Google Tag Manager on your Shopify Store
If you are into ecommerce, chances are, you have heard of ‘Shopify’.
It is one of the most popular, ready made shopping cart solutions in the world. Hundreds of thousands of websites use ‘Shopify’.
Shopify directly integrate with Google Analytics.
The set up is pretty simple.
But when it comes to Google Tag Manager, there is no direct integration.
Follow the steps below to add Google Tag Manager on your Shopify Store:
Step-1: Create a new Google Tag Manager account.
If you already have the GTM account then login.
Step-2: Click on the ‘Admin’ link and then click on ‘Install Google Tag Manager’:
![]()
Step-3: Copy the first part of the GTM installation code:
![]()
Step-4: Login to your shopify store with Admin/full access.
![]()
Get the FREE E-Book (72 Pages)
Step-5: Click on ‘Themes’ under the ‘Online Store’ drop down menu:
![]()
Step-6: Click on the ‘Actions’ drop down menu and then select ‘Edit HTML / CSS’:
![]()
Step-7: Find and click on the ‘theme.liquid’ file:
![]()
Step-8: Paste the first part of the GTM container code as high as possible, in the head section of the HTML code of theme.liquid file:
![]()
Note: Needless to say but take a backup of your theme file before making any code changes.
Step-9: Navigate back to your Google Tag Manager and now copy the second part of your GTM installation code:
![]()
Step-10: Navigate back to your Shopify Admin and then paste the second part of your GTM installation code immediately after the opening body tag (<body>) in the same ‘theme.liquid’ file:
![]()
Step-11: Click on the ‘Save’ button.
Step-12: Open Google Chrome browser and then Install Google tag assistant extension from here.
Step-13: Navigate to the home page of your Shopify store and then click on the ‘Google Tag Assistant’ icon on the top right hand side, next to the browser address bar:![]()
You should be able to see ‘Google Tag Manager’ tag under the ‘Result of Tag Analysis’ column (with blue/green icon next to the identified tags). This shows that Google tag manager is now installed on your Shopify store.
Note: The red, yellow, blue and green icons next to identified tags, have all got special meaning:
![]()
So if you see yellow or red icon next to identified tags then something is wrong with your GTM installation.
To learn more about Google Tag Assistant, read this article: Complete Guide to Google Tag Assistant
Caveats about using Google Tag Manager on a Shopify Store
#1 Do not use GTM to deploy Google Analytics tag on your Shopify store. If you do that then the cross domain tracking between your website and Shopify won’t work.
#2 Do not use GTM to install enhanced ecommerce tracking on your shopify store. Enhanced ecommerce tracking is already built-in Shopify. Even if you install enhanced ecommerce via GTM, it won’t work. Shopify won’t read your data layers. So don’t do that.
#3 Use GTM to deploy tags other than Google Analytics and Enhanced Ecommerce like ‘hotjar’, ‘Google Adwords conversion tracking’ etc.
Other Article you will find useful: Learn to correctly setup Google Analytics for Shopify Store while using Google Tag Manager
Learn about the Google Analytics Usage Trends Tool
If you are into ecommerce, chances are, you have heard of ‘Shopify’.
It is one of the most popular, ready made shopping cart solutions in the world. Hundreds of thousands of websites use ‘Shopify’.
Shopify directly integrate with Google Analytics.
The set up is pretty simple.
But when it comes to Google Tag Manager, there is no direct integration.
Follow the steps below to add Google Tag Manager on your Shopify Store:
Step-1: Create a new Google Tag Manager account.
If you already have the GTM account then login.
Step-2: Click on the ‘Admin’ link and then click on ‘Install Google Tag Manager’:
Step-3: Copy the first part of the GTM installation code:
Step-4: Login to your shopify store with Admin/full access.
Get the FREE E-Book (72 Pages)
Step-5: Click on ‘Themes’ under the ‘Online Store’ drop down menu:
Step-6: Click on the ‘Actions’ drop down menu and then select ‘Edit HTML / CSS’:
Step-7: Find and click on the ‘theme.liquid’ file:
Step-8: Paste the first part of the GTM container code as high as possible, in the head section of the HTML code of theme.liquid file:
Note: Needless to say but take a backup of your theme file before making any code changes.
Step-9: Navigate back to your Google Tag Manager and now copy the second part of your GTM installation code:
Step-10: Navigate back to your Shopify Admin and then paste the second part of your GTM installation code immediately after the opening body tag (<body>) in the same ‘theme.liquid’ file:
Step-11: Click on the ‘Save’ button.
Step-12: Open Google Chrome browser and then Install Google tag assistant extension from here.
Step-13: Navigate to the home page of your Shopify store and then click on the ‘Google Tag Assistant’ icon on the top right hand side, next to the browser address bar:
You should be able to see ‘Google Tag Manager’ tag under the ‘Result of Tag Analysis’ column (with blue/green icon next to the identified tags). This shows that Google tag manager is now installed on your Shopify store.
Note: The red, yellow, blue and green icons next to identified tags, have all got special meaning:
So if you see yellow or red icon next to identified tags then something is wrong with your GTM installation.
To learn more about Google Tag Assistant, read this article: Complete Guide to Google Tag Assistant
Caveats about using Google Tag Manager on a Shopify Store
#1 Do not use GTM to deploy Google Analytics tag on your Shopify store. If you do that then the cross domain tracking between your website and Shopify won’t work.
#2 Do not use GTM to install enhanced ecommerce tracking on your shopify store. Enhanced ecommerce tracking is already built-in Shopify. Even if you install enhanced ecommerce via GTM, it won’t work. Shopify won’t read your data layers. So don’t do that.
#3 Use GTM to deploy tags other than Google Analytics and Enhanced Ecommerce like ‘hotjar’, ‘Google Adwords conversion tracking’ etc.
Other Article you will find useful: Learn to correctly setup Google Analytics for Shopify Store while using Google Tag Manager
The Google Analytics usage trend is a new tool which is used to visualise trends in your Google Analytics data and to perform trend analysis.
Take your knowledge of Web Analytics to the next level. Checkout my web analytics training course.
Become a Web Analytics & Conversion Optimization PRO with my FIVE most popular FREE e-Books
Select the ebook you want:
E-Book #1: Best Excel Charts For Data Analysis And Reporting (40 Pages)E-Book #2: Beginners Guide To Google Analytics Attribution Modelling (52 Pages)
E-Book #3: Beginners Guide To Google Tag Manager (72 Pages)
E-Book #4: Google Tag Manager Data Layers (62 Pages)
E-Book #5: Key Performance Indicator - KPI (32 Pages)
Take your Analytics knowledge to the next level. Checkout my Best Selling Books on Amazon
Maths and Stats for Web Analytics and Conversion Optimization
This expert guide will teach you how to leverage the knowledge of maths and statistics in order to accurately interpret data and take actions, which can quickly improve the bottom-line of your online business.
Master the Essentials of Email Marketing Analytics
This book focuses solely on the ‘analytics’ that power your email marketing optimization program and will help you dramatically reduce your cost per acquisition and increase marketing ROI by tracking the performance of the various KPIs and metrics used for email marketing.
Attribution Modelling in Google Analytics and Beyond
Attribution modelling is the process of determining the most effective marketing channels for investment. This book has been written to help you implement attribution modelling. It will teach you how to leverage the knowledge of attribution modelling in order to allocate marketing budget and understand buying behaviour.
Himanshu Sharma
Certified web analyst and founder of OptimizeSmart.com
