GTM ASSISTANT SHOPIFY APP

A Google Tag Manager Shopify App helps you install and configure Google Tag Manager (GTM) on your Shopify store, enabling you to install Facebook Pixel, Google Ads and GA4 for ECommerce Tracking. With the GTM App, you can easily manage and deploy tracking codes and code snippets without editing your site's code or requiring assistance from your developer for Google Analytics, Google Ads and Meta Pixel.


Purpose

The main aim of creating the GTM Assistant app is to make things easier and more reliable. Unlike other apps that require manual setups, which can lead to mistakes and problems, our app automates the whole process.

Sometimes, with manual setups, people accidentally link GTM to one account and GA4 to another. This causes issues and makes the setup not work properly. But with our GTM Assistant app, we've made it super simple. With just one click, users can connect the app to both their GTM and GA4 accounts. This eliminates any chance of mix-ups or mistakes.

Our app makes sure that GTM and GA4 work together smoothly and without any problems. This way, users can confidently use these important tools without any hassle.


App Architecture

a. Automatic process

Here are the steps, simplified:

  • 1. Start by logging into your Google account with your correct username and password. This is your first step.
  • 2. Connect your Google Tag Manager (GTM) account. You'll need to pick your specific GTM account and its matching GTM container. It is important to link your Google account with the GTM Assistant app.
  • 3. Boost your analytics abilities by effortlessly installing Google Analytics. Just click "One Click Install" and your GA4 account will start installing. Remember, you need to already have a GA4 account and the right data stream/property set up.
  • 4. Once GA4 is successfully installed you'll have access to the Purchase tag. This tag is super helpful for store owners as it lets them keep track of customer orders and purchases in their online store.

By following these easy steps, you'll set up a smoother analytics experience, making sure your Google account, Google Tag Manager, and Google Analytics work together seamlessly.


b. Event's simplified explanation:

Event Tracking Overview

The GTM Assistant app enhances your store’s tracking capabilities by providing a set of 13 essential events. These events are designed to help you understand visitor interactions, optimize conversions, and improve the overall user experience. Below is a detailed explanation of each event and its integration with Google Analytics 4 (GA4).

Available Events

  • 1.collection_viewed (view_item_list)
  • Description: Tracks when a collection page is viewed.
  • Benefit: Allows you to analyze how often different collections are accessed.
  • 2.page_viewed
  • Description: Monitors page views across your site.
  • Benefit: Provides insights into overall site traffic and the performance of specific pages.
  • 3.product_added_to_cart (add_to_cart)
  • Description: Records when a product is added to the shopping cart.
  • Benefit: Helps you understand shopping behavior and product popularity.
  • 4.cart_viewed (view_cart)
  • Description: Captures when the shopping cart page is viewed.
  • Benefit: Indicates interest in completing the purchase process.
  • 5.product_viewed (view_item)
  • Description: Tracks when a specific product page is viewed.
  • Benefit: Assists in gauging product interest and user engagement.
  • 6.product_removed_from_cart (remove_from_cart)
  • Description: Monitors when a product is removed from the cart.
  • Benefit: Helps identify potential issues or barriers to purchase.
  • 7.search_submitted
  • Description: Records when a search query is submitted on your site.
  • Benefit: Provides insights into user search behavior and content demand.
  • 8.checkout_started (begin_checkout)
  • Description: Tracks when a user starts the checkout process.
  • Benefit: Key for understanding the initiation of purchase intent.
  • 9.checkout_address_info_submitted
  • Description: Captures when address information is submitted during checkout.
  • Benefit: Helps you understand the completion of crucial checkout steps.
  • 10.checkout_contact_info_submitted
  • Description: Records when contact information is provided during checkout.
  • Benefit: Useful for tracking user engagement and form completion.
  • 11.checkout_shipping_info_submitted
  • Description: Monitors when shipping information is submitted.
  • Benefit: Provides insights into shipping preferences and user progression through checkout.
  • 12.payment_info_submitted
  • Description: Tracks when payment details are entered.
  • Benefit: Critical for understanding the final stages of the checkout process.
  • 13.checkout_completed (purchase)
  • Description: Captures when a purchase is completed.
  • Benefit: Essential for tracking successful transactions and calculating conversion rates.

Custom Pixel Script Integration

To track specific events such as checkout_address_info_submitted, checkout_contact_info_submitted, checkout_shipping_info_submitted, and payment_info_submitted, you can use the following custom pixel script in your GTM configuration:

  • Steps to Implement:
  • Create a Custom Pixel: First, create a custom pixel in Shopify.
  • Add the Script to the Pixel: After creating the custom pixel, add the following script to the pixel configuration:
  • window.initContext = init;
    const script = document.createElement("script");
    const dm = "https://gtm-app.webgarh.net";
    script.src = dm+"/gtm-script?container=[YOUR GTM TAG ID]";
    script.crossOrigin = "anonymous";
    script.onload = () => {console.log("Success")};
    script.onerror = r => {console.error("Error:", r)};
    document.head.appendChild(script);

  • Activate the Pixel: Ensure the pixel is activated to start tracking the desired events.

Implementing these tags will provide valuable insights into user behavior, improve the accuracy of your analytics, and help optimize the user experience on your site. For detailed information on setting up these events and integrating them into your GTM configuration, click here.


Requirements

The requirements for setting up and using the GTM Assistant App for your Shopify store, presented in a clear and concise manner:

  • a. Shopify Store:
  • The GTM Assistant is a Shopify app, so having an active Shopify store is a must. This app seamlessly integrates with Shopify, making it easy to track events and streamline the implementation of tracking and analytics tools. It provides valuable insights for optimizing your Shopify store's performance and enhancing the overall customer experience.
  • b. Google Account:
  • To get started with the GTM Assistant App, you'll need a Google account. Logging in with your Google credentials ensures authorized access, enhancing security while making it convenient to manage your tag management settings.
    • c. GTM Account (Google Tag Manager):
    • A Google Tag Manager (GTM) account is required to utilize the GTM Assistant App effectively. With a GTM account, you can remotely access and control your tag configurations, triggers, and variables through the Assistant App. This feature makes it a valuable tool for on-the-go tag management and monitoring of your online presence.
    • d. Google Analytics 4 Account/Shopify Site Domain Configuration:
    • To install Google Analytics 4 (GA4), you'll need a GA4 account. During setup, you'll create a data stream and provide property details such as name, time zone, and currency. Additionally, you'll include specific business information like type, objective, platform, and your Shopify store URL. This is essential for property creation and effective tracking of your Shopify store's performance.
    • e. Unified Account:
    • For a successful setup in the GTM Assistant app, it's crucial to use a single Google account. This means that the same Google login is used for both the GTM account and the GA4 account. This unified configuration process ensures a seamless experience.
    • f. Facebook Account:
    • To install a Meta pixel through the GTM Assistant app, you'll need a Facebook Business account. This account empowers businesses to create and manage their advertising assets, including the Meta pixel, which tracks user interactions on their website. Connecting your Facebook Business account to the GTM Assistant app allows you to effortlessly implement tracking tags, gather valuable data, and optimize your advertising efforts on Facebook.
    • g. Google Ads Account:
    • Having a Google Ads account is essential for using Google Ads within the GTM Assistant app. This requirement allows you to set up and configure conversion tracking tags within Google Ads. Integration with Google Ads enables you to effectively monitor the performance of your Google Ads campaigns, track conversions, and make data-driven decisions to optimize your advertising efforts. By meeting these requirements, you'll be well-equipped to harness the full potential of the GTM Assistant App for your Shopify store, enhancing your ability to track, analyze, and optimize your online presence.
    • h. Twitter Pixel Account:
    • Having a Twitter Ads account is essential for utilizing the Twitter Ads features within the GTM Assistant app. This requirement empowers you to seamlessly establish and customize conversion tracking tags tailored for Twitter Ads. Integration with Twitter Ads provides you with the capability to closely monitor the performance of your Twitter advertising campaigns, track conversions, and make informed decisions based on valuable data insights. By meeting these prerequisites, you'll be well-prepared to harness the full potential of the GTM Assistant App for your Shopify store, enhancing your ability to monitor, analyze, and optimize your online presence.

By meeting these requirements, you'll be well-equipped to harness the full potential of the GTM Assistant App for your Shopify store, enhancing your ability to track, analyze, and optimize your online presence.

arrow_upward