Magento 2 Google Analytics & GTM

📊 Magento 2 Google Analytics & GTM – Track Everything Smartly

Want to understand how users interact with your Magento 2 store? Google Analytics (GA) and Google Tag Manager (GTM) help you track visitors, conversions, cart abandonment, and more. Let’s integrate them step by step!

🔎 Why Use GA & GTM?

  • Google Analytics: Tracks user sessions, traffic sources, bounce rates, etc.
  • Google Tag Manager: Manages all your tracking scripts (GA, Facebook Pixel, etc.) in one place without editing code.

⚙️ Enable Google Analytics in Magento 2

  1. Login to Magento Admin Panel
  2. Navigate to Stores > Configuration
  3. Under Sales, click Google API
  4. Expand the Google Analytics section
  5. Set Enable to Yes
  6. Enter your GA Tracking ID (e.g., UA-XXXXXXXXX-X)
  7. Click Save Config and clear cache

🧠 Enable Enhanced Ecommerce Tracking (Optional)

To get product impressions, cart actions, and transactions, you can enable enhanced ecommerce via GTM.

📦 Add Google Tag Manager (GTM)

  1. Go to Google Tag Manager
  2. Create a container for your Magento store
  3. Copy the GTM container code (head and body snippets)

🛠 Add GTM Code to Magento Theme

To insert GTM code into your theme files:

// File: app/design/frontend/Vendor/theme/Magento_Theme/layout/default_head_blocks.xml
<referenceContainer name="head.additional">
    <block class="Magento\Framework\View\Element\Template" name="gtm.head" template="Magento_Theme::gtm/head.phtml"/>
</referenceContainer>

// File: app/design/frontend/Vendor/theme/Magento_Theme/templates/gtm/head.phtml
?>
<!-- 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 -->

Try It Now

🚀 Add GTM to Body

Also add the GTM noscript tag inside <body>:

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

📈 Test GTM Integration

  • Install Google Tag Assistant or use Preview Mode in GTM
  • Ensure tags are firing correctly on various pages (product, cart, checkout)

✅ Summary

Adding Google Analytics and GTM to your Magento 2 store gives you deeper insights into visitor behavior and performance. Always test your setup after adding new tags to ensure everything runs smoothly!