Integrating Google Tag Manager into Your UltraCart Storefront

Introduction

Google Tag Manager (GTM) is a tag management system that allows you to quickly and easily update tracking codes and related code fragments (collectively known as tags) on your website or mobile app. Without GTM, these code fragments often need to be manually updated directly in your website's code. GTM simplifies this process, enabling marketers to deploy and manage tags without requiring developers for every change.

Google Tag Manager vs. Google Analytics

While often used together, Google Tag Manager and Google Analytics serve different purposes:

• Google Analytics is an analytics tool used to track and report website traffic. It collects data about user behavior, such as page views, session duration, bounce rates, and conversion goals, providing insights into how users interact with your site.

• Google Tag Manager is a deployment tool. It does not collect data itself but acts as a container for various tags, including the Google Analytics tracking code. GTM allows you to manage when and how your Google Analytics tag (and other tags like Google Ads conversion tracking, Facebook Pixel, etc.) fires on your website.

In essence, GTM helps you implement Google Analytics and other tracking tools more efficiently, while Google Analytics collects and reports on your website data.

Integrating Google Tag Manager into your Storefront

To integrate Google Tag Manager into your UltraCart Storefront, you will configure specific settings within the UltraCart interface.

Prerequisites

• A Google Tag Manager account and a configured container.

• Your Google Tag Manager Container ID (e.g., GTM-XXXXXX). This ID can be found in the first code block after initial setup or at the top of the Google Tag Manager user interface.

Configure Tag Manager Credentials: In the 'Tag Manager' section, you will find the following fields:

Open

• Container ID (Required)

  • In the Container ID field, paste your Google Tag Manager Container ID. This ID is typically formatted as "GTM-XXXXXX". You can locate this ID in the first code block provided by Google Tag Manager during setup, or at the top of the Google Tag Manager user interface.
    
    

    Open

    

     

    Open

    

    
    Setup and installation - Tag Manager Help - Google Help

    https://support.google.com/tagmanager/answer/6103696?hl=en

    Try using this chrome plugin for testing the google tag manager:

    https://get.google.com/tagassistant/

• Server Side Script URL (Optional - Advanced)

  • The Server Side Script URL field is for advanced users who are hosting their own tag manager container.

    If you are unsure whether you need this, you most likely do not. If applicable, enter the URL for your self-hosted tag manager container here
    
    

• Opt in to (recommended)

  • The Opt in to and required for settings allow your UltraCart Storefront to comply with General Data Protection Regulation (GDPR) requirements.

  • Select the appropriate options based on your privacy policy and legal advice.

Test Your Website (Optional)

After configuring your Container ID, you can test your website to ensure Google Tag Manager is properly integrated.

1. Access the Test Feature:

   • On the "Install Google Tag Manager" pop-up, locate the "3. Test your website (optional)" section.

   • An example URL will be provided, such as https://t1000.ultracartstore.com/.

   • Click the Test button next to the URL.

2. Use Google Tag Assistant:

   • Google provides a Chrome browser plugin called Google Tag Assistant which can help with testing your Google Tag Manager implementation. You can download it from https://get.google.com/tagassistant/.

   • The Google Tag Assistant tool can help troubleshoot issues.

3. Allow Time for Data Registration:

   • Please allow up to 24 hours after configuring your container ID for Google to begin registering traffic.

Google Troubleshooting tool

https://tagassistant.google.com/ . https://support.google.com/tagassistant/answer/10039345#zippy=%2Cin-this-article