{"id":3323,"date":"2025-07-22T10:04:07","date_gmt":"2025-07-22T10:04:07","guid":{"rendered":"https:\/\/www.magento2-agentur.de\/?p=3323"},"modified":"2025-07-22T11:38:04","modified_gmt":"2025-07-22T11:38:04","slug":"setting-up-google-analytics-4-tag-manager-in-hyvae-for-magento-2","status":"publish","type":"post","link":"https:\/\/www.magento2-agentur.de\/en\/setting-up-google-analytics-4-tag-manager-in-hyvae-for-magento-2\/","title":{"rendered":"Setting Up Google Analytics 4 & Tag Manager in Hyv\u00e4 for Magento 2"},"content":{"rendered":"

If you’re running an online store on Magento 2 and using the Hyv\u00e4 theme, you’re already ahead of the curve when it comes to performance and user experience. But high speed and clean UI are just the beginning \u2014 to really scale, you need data. That\u2019s where Google Analytics 4 (GA4) and Google Tag Manager (GTM) come in.<\/p>\n

In this guide, we\u2019ll walk you through setting up GA4 and GTM in Hyv\u00e4 for Magento 2 \u2014 so you can start collecting actionable insights, tracking user behavior, and boosting conversions. Whether you’re a developer or a merchant working with a trusted Magento agency in Berlin<\/a>, this setup will form the backbone of your analytics strategy.<\/p>\n

Why Hyv\u00e4 + GA4 + GTM Is a Game-Changer for E-commerce<\/span><\/b>\u00a0<\/span><\/h2>\n

Hyv\u00e4 has revolutionized Magento frontend development by replacing bloated Luma themes with lightning-fast, clean, and modular code. But its streamlined approach also means it doesn\u2019t include many of the traditional built-in integrations \u2014 like Google Tag Manager or GA4 scripts.<\/span>\u00a0<\/span><\/p>\n

That\u2019s not a bad thing. In fact, it\u2019s a huge opportunity: you get more control, better performance, and no extra JavaScript bloat.<\/p>\n

By integrating Google Analytics 4 via GTM, you\u2019ll be able to:<\/span>\u00a0<\/span><\/p>\n

    \n
  • Track enhanced eCommerce events (like add to cart, purchases, etc.)<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
      \n
    • Run marketing campaigns with better attribution<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
        \n
      • Set up custom conversions and funnels<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
          \n
        • Reduce reliance on third-party tracking extensions<\/span>\u00a0<\/span><\/li>\n<\/ul>\n

          What You Need Before You Start<\/span><\/b>\u00a0<\/span><\/h2>\n

          Make sure you have the following:<\/span>\u00a0<\/span><\/p>\n

            \n
          • A Magento 2 store running with the Hyv\u00e4 theme<\/li>\n<\/ul>\n
              \n
            • Access to your store\u2019s codebase<\/li>\n<\/ul>\n
                \n
              • A Google Analytics 4 property set up<\/li>\n<\/ul>\n
                  \n
                • A Google Tag Manager container created<\/li>\n<\/ul>\n
                    \n
                  • Admin access to Magento 2 backend<\/li>\n<\/ul>\n

                    Pro Tip: If you’re working with a professional Magento 2 service provider, ask them to give you access to preview environments where you can test GTM tags safely.<\/span>\u00a0<\/span><\/p>\n

                    Step-by-Step: Setting Up GTM in Hyv\u00e4<\/span><\/b>\u00a0<\/span><\/p>\n

                    Step 1: Add GTM Code Snippets to Your Theme<\/span><\/b>\u00a0<\/span><\/p>\n

                    Unlike Luma-based Magento 2 stores, Hyv\u00e4 doesn\u2019t have a GTM module out of the box. So you\u2019ll need to add the GTM container manually in your custom layout.<\/span>\u00a0<\/span><\/p>\n

                    GTM Head snippet:<\/span><\/b>
                    \nInsert this in the <\/span><head><\/span> section of your <\/span>default_head_blocks.xml<\/span> or custom layout file:<\/span>\u00a0<\/span><\/p>\n

                    xml<\/span>\u00a0<\/span><\/p>\n

                    Copy<\/span>\u00a0<\/span><\/p>\n

                    <referenceContainer name=”head.additional”><\/span>\u00a0<\/span><\/p>\n

                    \u00a0\u00a0\u00a0 <block class=”Magento\\Framework\\View\\Element\\Template” name=”gtm_head” template=”Magento_Theme::html\/gtm-head.phtml”\/><\/span>\u00a0<\/span><\/p>\n

                    <\/referenceContainer><\/span>\u00a0<\/span><\/p>\n

                    Then create a file <\/span>gtm-head.phtml<\/span> with the GTM head code from your container.<\/span>\u00a0<\/span><\/p>\n

                    GTM Body snippet:<\/span><\/b>
                    \nInsert in <\/span>default.xml<\/span> or the layout where your <\/span><body><\/span> tag is rendered:<\/span>\u00a0<\/span><\/p>\n

                    xml<\/span>\u00a0<\/span><\/p>\n

                    Copy<\/span>\u00a0<\/span><\/p>\n

                    <referenceContainer name=”after.body.start”><\/span>\u00a0<\/span><\/p>\n

                    \u00a0\u00a0\u00a0 <block class=”Magento\\Framework\\View\\Element\\Template” name=”gtm_body” template=”Magento_Theme::html\/gtm-body.phtml”\/><\/span>\u00a0<\/span><\/p>\n

                    <\/referenceContainer><\/span>\u00a0<\/span><\/p>\n

                    And create the corresponding <\/span>gtm-body.phtml<\/span>.<\/span>\u00a0<\/span><\/p>\n

                    Step 2: Configure Your GTM Container<\/span><\/b>\u00a0<\/span><\/h2>\n

                    Log into Google Tag Manager and add a GA4 Configuration tag using your GA4 measurement ID.<\/p>\n

                      \n
                    1. Click <\/span>“Add a new tag”<\/span><\/b>\u00a0<\/span><\/li>\n<\/ol>\n
                        \n
                      1. Choose <\/span>GA4 Configuration<\/span><\/b>\u00a0<\/span><\/li>\n<\/ol>\n
                          \n
                        1. Enter your Measurement ID<\/span>\u00a0<\/span><\/li>\n<\/ol>\n
                            \n
                          1. Set the trigger to <\/span>All Pages<\/span><\/b>\u00a0<\/span><\/li>\n<\/ol>\n
                              \n
                            1. Save and publish the container<\/span>\u00a0<\/span><\/li>\n<\/ol>\n

                              This sends page view data to GA4 across your Magento store.<\/span>\u00a0<\/span><\/p>\n

                              Adding eCommerce Tracking for Magento 2<\/span><\/b>\u00a0<\/span><\/h2>\n

                              GA4 is event-based, so to go beyond page views, you\u2019ll want to configure:<\/span>\u00a0<\/span><\/p>\n

                                \n
                              • View Item<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                  \n
                                • Add to Cart<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                    \n
                                  • Begin Checkout<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                      \n
                                    • Purchase<\/span>\u00a0<\/span><\/li>\n<\/ul>\n

                                      You can either write custom dataLayer pushes in Magento templates or use third-party modules that support Hyv\u00e4 (like Anowave, Scommerce, or custom-developed modules).<\/p>\n

                                      Here\u2019s an example of pushing product view data:<\/span>\u00a0<\/span><\/p>\n

                                      html<\/span>\u00a0<\/span><\/p>\n

                                      Copy<\/span>\u00a0<\/span><\/p>\n

                                      <script><\/span>\u00a0<\/span><\/p>\n

                                      window.dataLayer = window.dataLayer || [];<\/span>\u00a0<\/span><\/p>\n

                                      window.dataLayer.push({<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0 event: ‘view_item’,<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0 ecommerce: {<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0 items: [{<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0\u00a0\u00a0 item_name: ‘Bluebell Wedding Dress’,<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0\u00a0\u00a0 item_id: ‘SKU12345’,<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0\u00a0\u00a0 price: 999.99,<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0\u00a0\u00a0 item_category: ‘Wedding Dresses’<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0\u00a0\u00a0 }]<\/span>\u00a0<\/span><\/p>\n

                                      \u00a0 }<\/span>\u00a0<\/span><\/p>\n

                                      });<\/span>\u00a0<\/span><\/p>\n

                                      <\/script><\/span>\u00a0<\/span><\/p>\n

                                      Place this script inside your product template, e.g., <\/span>Magento_Catalog\/templates\/product\/view.phtml<\/span>.<\/span>\u00a0<\/span><\/p>\n

                                      Testing Your GA4 & GTM Setup<\/span><\/b>\u00a0<\/span><\/h2>\n

                                      Don\u2019t skip this step. Use the GTM Preview mode and the GA4 DebugView to ensure data is flowing correctly.<\/p>\n

                                      Tools to verify:<\/span><\/b>\u00a0<\/span><\/p>\n

                                        \n
                                      • Google Tag Assistant<\/li>\n<\/ul>\n
                                          \n
                                        • GA4 Realtime Dashboard<\/li>\n<\/ul>\n
                                            \n
                                          • Chrome DevTools > Network > collect<\/li>\n<\/ul>\n

                                            How a Magento Agency in Berlin Can Help<\/span><\/b>\u00a0<\/span><\/h2>\n

                                            Working with a local Magento agency in Berlin ensures your store is built, customized, and tracked with precision. Whether it\u2019s deploying Hyv\u00e4, optimizing for Core Web Vitals, or integrating GA4 with GTM, an experienced Magento 2 service team can make sure you\u2019re getting clean data and scalable infrastructure.<\/p>\n

                                            Benefits of working with a professional partner:<\/span>\u00a0<\/span><\/p>\n

                                              \n
                                            • Custom tag development<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                \n
                                              • Debugging and QA environments<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                  \n
                                                • Ongoing analytics consulting<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                    \n
                                                  • Integration with marketing tools like Facebook Pixel, TikTok, LinkedIn Ads, and more<\/span>\u00a0<\/span><\/li>\n<\/ul>\n

                                                    Common Pitfalls to Avoid<\/span><\/b>\u00a0<\/span><\/p>\n

                                                      \n
                                                    • \u274c<\/span> Not configuring Consent Mode for GDPR compliance<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                        \n
                                                      • \u274c<\/span> Forgetting to load <\/span>dataLayer<\/span> before GTM triggers<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                          \n
                                                        • \u274c<\/span> Using deprecated Universal Analytics tags<\/span>\u00a0<\/span><\/li>\n<\/ul>\n
                                                            \n
                                                          • \u274c<\/span> Not enabling enhanced measurement in GA4<\/span>\u00a0<\/span><\/li>\n<\/ul>\n

                                                            Final Thoughts<\/span><\/b>\u00a0<\/span><\/p>\n

                                                            Setting up Google Analytics 4 and Tag Manager in Hyv\u00e4 for Magento 2 gives you full visibility into your customer journey while keeping your site lightweight and blazing fast. It\u2019s a must-have for eCommerce businesses serious about growth.<\/p>\n

                                                            If you need expert help, look no further than a certified Magento agency in Berlin with a deep understanding of Hyv\u00e4 development and Magento 2 services. When done right, analytics isn\u2019t just a tool \u2014 it\u2019s your growth engine.<\/p>\n

                                                            Frequently Asked Questions (FAQs)<\/span><\/b>\u00a0<\/span><\/h2>\n

                                                            What\u2019s the difference between GA4 and Universal Analytics for Magento?<\/span><\/b>\u00a0<\/span><\/p>\n

                                                            GA4 is event-driven, more flexible, and future-proof. Universal Analytics was session-based and is now sunset by Google.<\/span>\u00a0<\/span><\/p>\n

                                                            Do I need a developer to set up GTM and GA4 in Hyv\u00e4?<\/span><\/b>\u00a0<\/span><\/p>\n

                                                            If you\u2019re comfortable editing layout files and HTML, you can do it yourself. But for advanced tracking, working with a Magento 2 service provider is recommended.<\/span>\u00a0<\/span><\/p>\n

                                                            Is Hyv\u00e4 compatible with all Magento extensions?<\/span><\/b>\u00a0<\/span><\/p>\n

                                                            Not always. You\u2019ll need to check if the extension supports Hyv\u00e4 or has a fallback integration. Analytics and GTM usually require manual setup or module support.<\/span>\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

                                                            If you’re running an online store on Magento 2 and using the Hyv\u00e4 theme, you’re already ahead of the curve when it comes to performance and user experience. But high speed and clean UI are just the beginning \u2014 to really scale, you need data. That\u2019s where Google Analytics 4 (GA4) and Google Tag Manager […]<\/p>\n","protected":false},"author":3,"featured_media":3330,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,18],"tags":[20,28],"class_list":["post-3323","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2","category-magento-b2b-en","tag-magento-agency","tag-magento-agency-in-berlin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/posts\/3323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/comments?post=3323"}],"version-history":[{"count":2,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/posts\/3323\/revisions"}],"predecessor-version":[{"id":3329,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/posts\/3323\/revisions\/3329"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/media\/3330"}],"wp:attachment":[{"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/media?parent=3323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/categories?post=3323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magento2-agentur.de\/en\/wp-json\/wp\/v2\/tags?post=3323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}