How To Install Google Tag Manager On Shopify?
More and more people are coming online and looking for businesses online. If you are running a business, you know having a solid online presence is crucial. The online store is one of the best ways to reach out to people who need what you have.
Of course, setting up an online store takes work, even if you have the perfect e-commerce site from the ground up. You will need an excellent developer to set up a Shopify app for your business. But this article will show you how to install Google Tag Manager on Shopify in just minutes.
How To Install Google Tag Manager On Shopify? A Step-By-Step Guide
Installing Google Tag Manager on Shopify is a piece of cake, and I am here to guide you through the process step-by-step. So, please grab a cup of coffee (or tea, no judgment here), and let’s get started.
Step 1: Create A Google Tag Manager Account
First, you will need to create a Google Tag Manager account. If you already have one, you can skip this step. Head over to tagmanager.google.com and sign up for a free account.
Step 2: Create A New Container
Once you are logged in, click the “Create Container” button and select “Web” as the type of container you want to create. Give your container a name and choose “Shopify” as the “Where to Use Container” option. Then, click on the “Create” button.
Step 3: Install The Google Tag Manager Code On Your Shopify Store
It is time to install the Google Tag Manager code on your Shopify store. You must access your Shopify admin’s “Online Store” section to do this. Once you are there, click on “Themes” and then “Actions” and “Edit Code.” Next, locate the “theme.liquid” file and paste the Google Tag Manager code right after the opening <head> tag. Remember to save your changes.
Step 4: Test The Installation
Before you add tags to your container, testing the installation is important to ensure everything is working properly. To do this, you can use the Google Tag Assistant chrome extension.
Step 5: Add Tags
Now that you have installed Google Tag Manager on your Shopify store, you can start adding tags to track page views, add-to-cart events, and more. You can also use pre-made templates or create your tags. Head to your container and click on the “Add a Tag” button.
Frequently Asked Questions (FAQs)
How Do I Disable Google Tag Manager On Shopify?
To disable Google Tag Manager on Shopify, you can follow these steps:
- Log in to your Shopify account and navigate to the “Online Store” section of the admin dashboard.
- Click the “Actions” button and select “Edit code” from the dropdown menu.
- In the Templates folder, locate the “theme.liquid” file and open it.
- Search for the Google Tag Manager code snippet in the file. It should look something like this: <script>…</script>
- Once you have located the code, delete it from the file and save your changes.
- Go to your Google Tag Manager account and delete all the tags implemented on the Shopify website.
Note: Make sure to have a backup of the theme.liquid file before making any changes. If something goes wrong, you can easily revert it.
How Do I Add Google Tracking To Shopify?
To add Google tracking to your Shopify store, you can follow these steps:
- Log in to your Google Analytics account and create a new property for your Shopify store. You will get a unique tracking code, which you will need in the next step.
- Log in to your Shopify account and navigate to the “Online Store” section of the admin dashboard.
- Click on the “Preferences” button and scroll down to the “Google Analytics” section.
- Paste the tracking code you received from Google Analytics into the “Google Analytics Account” field and save your changes.
- Go to your Google Analytics account, and verify that the tracking code is installed correctly. You should be able to see the data coming through in the GA’s real-time report.
- Optional: If you want to track eCommerce data, you need to enable eCommerce tracking in your Google Analytics property and also enable it in your Shopify store.
Note: Ensure that the tracking code is working correctly and that you see data coming through in your Google Analytics account before doing any other configurations. In this way, you can ensure that all the data is being tracked correctly.
How Do I Install Google Tag Manager On My Website?
To install Google Tag Manager on your website, you can follow these steps:
1- Log in to your Google Tag Manager account and create a new container for your website.
2- Once the container is created, you will be provided with a unique container ID, which you will need in the next step.
3- Copy the Google Tag Manager code snippet provided by Google Tag Manager. It should look something like this:
<!– Google Tag Manager –> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’: new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src= ‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f); })(window,document,’script’,’dataLayer’,’GTM-XXXXXXX’);</script>
<!– End Google Tag Manager –>
4- Paste the Google Tag Manager code snippet into your website’s HTML code head. Make sure to replace GTM-XXXXXXX with your container ID.
5- Verify that the Google Tag Manager code is installed correctly. You can do this by going to Google Tag Manager, previewing the container, and using the Tag Assistant chrome extension.
6- Once you have confirmed that the code is installed correctly, you can publish the container to go live.
Note: Ensure that the Google Tag Manager code is working correctly and that you can see your website in the container’s preview mode before publishing the container.
Final Words
The Google Tag Manager provides the ability to update and edit your website tags in real time and offers a calendar to keep track of updates. You can edit each tag individually, showing when it was created and which employee added it. You can also recycle your tags into new tags, which keeps your account organized. You can remove the ones that you do not need longer.
