{"id":10087,"date":"2024-10-18T12:53:48","date_gmt":"2024-10-18T12:53:48","guid":{"rendered":"https:\/\/ceowebltd.com\/blog\/?p=10087"},"modified":"2024-10-18T12:53:48","modified_gmt":"2024-10-18T12:53:48","slug":"how-to-configure-e-commerce-tracking-with-google-tag-manager","status":"publish","type":"post","link":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/","title":{"rendered":"How to configure e-commerce tracking with Google Tag Manager"},"content":{"rendered":"<p>Configuring <strong>eCommerce tracking<\/strong> with <strong>Google Tag Manager (GTM)<\/strong> allows you to track and analyze purchases, transactions, and product data on your website. This setup involves integrating <strong>Google Analytics (GA)<\/strong> and <strong>GTM<\/strong> to capture valuable eCommerce data, such as transaction IDs, revenue, product details, and more. There are two main types of eCommerce tracking: <strong>standard eCommerce tracking<\/strong> and <strong>enhanced eCommerce tracking<\/strong>. This guide will cover how to configure both.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Prerequisites\" title=\"Prerequisites\">Prerequisites<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step-by-Step_Guide_to_Configure_eCommerce_Tracking\" title=\"Step-by-Step Guide to Configure eCommerce Tracking\">Step-by-Step Guide to Configure eCommerce Tracking<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_1_Enable_eCommerce_Tracking_in_Google_Analytics\" title=\"Step 1: Enable eCommerce Tracking in Google Analytics\">Step 1: Enable eCommerce Tracking in Google Analytics<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_2_Implement_the_eCommerce_Data_Layer_on_Your_Website\" title=\"Step 2: Implement the eCommerce Data Layer on Your Website\">Step 2: Implement the eCommerce Data Layer on Your Website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_3_Set_Up_a_Transaction_Trigger_in_Google_Tag_Manager\" title=\"Step 3: Set Up a Transaction Trigger in Google Tag Manager\">Step 3: Set Up a Transaction Trigger in Google Tag Manager<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_4_Set_Up_an_eCommerce_Tag_in_Google_Tag_Manager\" title=\"Step 4: Set Up an eCommerce Tag in Google Tag Manager\">Step 4: Set Up an eCommerce Tag in Google Tag Manager<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_5_Preview_and_Test_Your_eCommerce_Setup\" title=\"Step 5: Preview and Test Your eCommerce Setup\">Step 5: Preview and Test Your eCommerce Setup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Step_6_Publish_the_Container\" title=\"Step 6: Publish the Container\">Step 6: Publish the Container<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Enhanced_eCommerce_Features\" title=\"Enhanced eCommerce Features\">Enhanced eCommerce Features<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"Prerequisites\"><\/span>Prerequisites<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Before starting, ensure that you have:<\/p>\n<ul>\n<li>A <strong>Google Analytics account<\/strong> and a <strong>GTM account<\/strong> set up.<\/li>\n<li><strong>Google Analytics tracking code<\/strong> already installed on your website.<\/li>\n<li>Developer support for adding the <strong>eCommerce data layer<\/strong> to your website.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Step-by-Step_Guide_to_Configure_eCommerce_Tracking\"><\/span>Step-by-Step Guide to Configure eCommerce Tracking<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"Step_1_Enable_eCommerce_Tracking_in_Google_Analytics\"><\/span>Step 1: Enable eCommerce Tracking in Google Analytics<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Log in to Google Analytics<\/strong>:\n<ul>\n<li>Go to your Google Analytics account and select the property you want to track.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Enable Standard eCommerce<\/strong>:\n<ul>\n<li>Go to <strong>Admin<\/strong> (bottom-left corner of the GA interface).<\/li>\n<li>In the <strong>View<\/strong> column, select <strong>Ecommerce Settings<\/strong>.<\/li>\n<li>Toggle <strong>Enable Ecommerce<\/strong> to <strong>ON<\/strong>.<\/li>\n<li>Click <strong>Next Step<\/strong> and then click <strong>Submit<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li>(Optional) <strong>Enable Enhanced eCommerce<\/strong>:\n<ul>\n<li>If you\u2019re setting up enhanced eCommerce, toggle <strong>Enable Enhanced Ecommerce Reporting<\/strong> to <strong>ON<\/strong>.<\/li>\n<li>You can also customize your funnel steps here (e.g., checkout steps).<\/li>\n<li>Click <strong>Submit<\/strong> once you&#8217;ve completed the setup.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Step_2_Implement_the_eCommerce_Data_Layer_on_Your_Website\"><\/span>Step 2: Implement the eCommerce Data Layer on Your Website<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>To track eCommerce interactions (like purchases), you need to pass transaction and product data into the <strong>data layer<\/strong> on your website. This requires developer support to ensure the proper data layer structure is implemented.<\/p>\n<p>Here\u2019s an example of how to structure the <strong>data layer<\/strong> for a purchase event:<\/p>\n<p><strong>Standard eCommerce Data Layer Example:<\/strong><\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\"><span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> || [];<br \/>\n<span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span>.<span class=\"hljs-title function_\">push<\/span>({<br \/>\n  <span class=\"hljs-string\">'event'<\/span>: <span class=\"hljs-string\">'transaction'<\/span>,<br \/>\n  <span class=\"hljs-string\">'transactionId'<\/span>: <span class=\"hljs-string\">'12345'<\/span>,<br \/>\n  <span class=\"hljs-string\">'transactionAffiliation'<\/span>: <span class=\"hljs-string\">'Online Store'<\/span>,<br \/>\n  <span class=\"hljs-string\">'transactionTotal'<\/span>: <span class=\"hljs-number\">100.00<\/span>,<br \/>\n  <span class=\"hljs-string\">'transactionProducts'<\/span>: [<br \/>\n    {<br \/>\n      <span class=\"hljs-string\">'sku'<\/span>: <span class=\"hljs-string\">'001'<\/span>,<br \/>\n      <span class=\"hljs-string\">'name'<\/span>: <span class=\"hljs-string\">'Cool T-Shirt'<\/span>,<br \/>\n      <span class=\"hljs-string\">'category'<\/span>: <span class=\"hljs-string\">'Clothing'<\/span>,<br \/>\n      <span class=\"hljs-string\">'price'<\/span>: <span class=\"hljs-number\">20.00<\/span>,<br \/>\n      <span class=\"hljs-string\">'quantity'<\/span>: <span class=\"hljs-number\">2<\/span><br \/>\n    },<br \/>\n    {<br \/>\n      <span class=\"hljs-string\">'sku'<\/span>: <span class=\"hljs-string\">'002'<\/span>,<br \/>\n      <span class=\"hljs-string\">'name'<\/span>: <span class=\"hljs-string\">'Blue Jeans'<\/span>,<br \/>\n      <span class=\"hljs-string\">'category'<\/span>: <span class=\"hljs-string\">'Clothing'<\/span>,<br \/>\n      <span class=\"hljs-string\">'price'<\/span>: <span class=\"hljs-number\">60.00<\/span>,<br \/>\n      <span class=\"hljs-string\">'quantity'<\/span>: <span class=\"hljs-number\">1<\/span><br \/>\n    }<br \/>\n  ]<br \/>\n});<br \/>\n<\/code><\/div>\n<\/div>\n<p><strong>Enhanced eCommerce Data Layer Example:<\/strong><\/p>\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\"><span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> = <span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span> || [];<br \/>\n<span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span>.<span class=\"hljs-title function_\">push<\/span>({<br \/>\n  <span class=\"hljs-string\">'event'<\/span>: <span class=\"hljs-string\">'purchase'<\/span>,<br \/>\n  <span class=\"hljs-string\">'ecommerce'<\/span>: {<br \/>\n    <span class=\"hljs-string\">'purchase'<\/span>: {<br \/>\n      <span class=\"hljs-string\">'actionField'<\/span>: {<br \/>\n        <span class=\"hljs-string\">'id'<\/span>: <span class=\"hljs-string\">'T12345'<\/span>,          <span class=\"hljs-comment\">\/\/ Transaction ID<\/span><br \/>\n        <span class=\"hljs-string\">'affiliation'<\/span>: <span class=\"hljs-string\">'Online Store'<\/span>,<br \/>\n        <span class=\"hljs-string\">'revenue'<\/span>: <span class=\"hljs-string\">'35.43'<\/span>,       <span class=\"hljs-comment\">\/\/ Total transaction value<\/span><br \/>\n        <span class=\"hljs-string\">'tax'<\/span>: <span class=\"hljs-string\">'4.90'<\/span>,<br \/>\n        <span class=\"hljs-string\">'shipping'<\/span>: <span class=\"hljs-string\">'5.99'<\/span>,<br \/>\n        <span class=\"hljs-string\">'coupon'<\/span>: <span class=\"hljs-string\">'SUMMER2024'<\/span>    <span class=\"hljs-comment\">\/\/ Coupon applied<\/span><br \/>\n      },<br \/>\n      <span class=\"hljs-string\">'products'<\/span>: [{<br \/>\n        <span class=\"hljs-string\">'name'<\/span>: <span class=\"hljs-string\">'Cool T-Shirt'<\/span>,   <span class=\"hljs-comment\">\/\/ Product name<\/span><br \/>\n        <span class=\"hljs-string\">'id'<\/span>: <span class=\"hljs-string\">'12345'<\/span>,            <span class=\"hljs-comment\">\/\/ Product SKU<\/span><br \/>\n        <span class=\"hljs-string\">'price'<\/span>: <span class=\"hljs-string\">'15.25'<\/span>,<br \/>\n        <span class=\"hljs-string\">'brand'<\/span>: <span class=\"hljs-string\">'Brand X'<\/span>,<br \/>\n        <span class=\"hljs-string\">'category'<\/span>: <span class=\"hljs-string\">'Apparel'<\/span>,<br \/>\n        <span class=\"hljs-string\">'variant'<\/span>: <span class=\"hljs-string\">'Red'<\/span>,<br \/>\n        <span class=\"hljs-string\">'quantity'<\/span>: <span class=\"hljs-number\">1<\/span>,<br \/>\n        <span class=\"hljs-string\">'coupon'<\/span>: <span class=\"hljs-string\">''<\/span>              <span class=\"hljs-comment\">\/\/ Product-level coupon<\/span><br \/>\n      }]<br \/>\n    }<br \/>\n  }<br \/>\n});<br \/>\n<\/code><\/div>\n<\/div>\n<p>Make sure your <strong>data layer<\/strong> contains all relevant eCommerce information (e.g., transaction details, product info). The data layer should be dynamically populated when specific events occur, such as when a customer completes a purchase.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Step_3_Set_Up_a_Transaction_Trigger_in_Google_Tag_Manager\"><\/span>Step 3: Set Up a Transaction Trigger in Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>To track eCommerce transactions, you\u2019ll need to create a <strong>trigger<\/strong> in GTM that listens for the eCommerce event in your data layer (e.g., &#8220;purchase&#8221; or &#8220;transaction&#8221;).<\/p>\n<ol>\n<li><strong>Log in to Google Tag Manager<\/strong>:\n<ul>\n<li>Open your GTM workspace.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Create a New Trigger<\/strong>:\n<ul>\n<li>Go to the <strong>Triggers<\/strong> section and click <strong>New<\/strong>.<\/li>\n<li>Name the trigger something descriptive, like &#8220;Purchase Event Trigger.&#8221;<\/li>\n<\/ul>\n<\/li>\n<li><strong>Configure the Trigger<\/strong>:\n<ul>\n<li>Set the <strong>Trigger Type<\/strong> to <strong>Custom Event<\/strong>.<\/li>\n<li>In the <strong>Event Name<\/strong> field, enter the name of the event from your data layer (e.g., <code>transaction<\/code> or <code>purchase<\/code>).<\/li>\n<li>Select <strong>This trigger fires on All Custom Events<\/strong> to ensure it fires on every occurrence of the event.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Save the Trigger<\/strong>.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Step_4_Set_Up_an_eCommerce_Tag_in_Google_Tag_Manager\"><\/span>Step 4: Set Up an eCommerce Tag in Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>You need to create a <strong>Google Analytics eCommerce tag<\/strong> to send the transaction data from the data layer to Google Analytics.<\/p>\n<ol>\n<li><strong>Go to Tags<\/strong>:\n<ul>\n<li>In GTM, navigate to the <strong>Tags<\/strong> section and click <strong>New<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Configure the Tag<\/strong>:\n<ul>\n<li>Name the tag something like &#8220;GA eCommerce Tracking Tag.&#8221;<\/li>\n<li>Click <strong>Tag Configuration<\/strong> and select <strong>Google Analytics: Universal Analytics<\/strong> (for GA4, choose the corresponding tag type).<\/li>\n<li>Set the <strong>Track Type<\/strong> to <strong>Transaction<\/strong> (for standard eCommerce) or <strong>Event<\/strong> (for enhanced eCommerce).<\/li>\n<\/ul>\n<p><strong>For Standard eCommerce:<\/strong><\/p>\n<ul>\n<li>Under <strong>Track Type<\/strong>, choose <strong>Transaction<\/strong>.<\/li>\n<li>Select the <strong>Google Analytics Settings Variable<\/strong> for your GA account.<\/li>\n<\/ul>\n<p><strong>For Enhanced eCommerce:<\/strong><\/p>\n<ul>\n<li>Under <strong>Track Type<\/strong>, choose <strong>Event<\/strong>.<\/li>\n<li>Set the <strong>Event Category<\/strong> to <code>ecommerce<\/code>, <strong>Action<\/strong> to <code>purchase<\/code>, and leave the label and value fields empty.<\/li>\n<li>Check the box for <strong>Enable Enhanced Ecommerce Features<\/strong> and select <strong>Use Data Layer<\/strong>.<\/li>\n<li>If you want to track checkout steps, enable <strong>Checkout Tracking<\/strong> and specify the step numbers (e.g., Step 1: Shipping, Step 2: Payment).<\/li>\n<\/ul>\n<\/li>\n<li><strong>Assign the Purchase Trigger<\/strong>:\n<ul>\n<li>Under <strong>Triggering<\/strong>, select the purchase trigger you created earlier.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Save the Tag<\/strong>.<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Step_5_Preview_and_Test_Your_eCommerce_Setup\"><\/span>Step 5: Preview and Test Your eCommerce Setup<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<ol>\n<li><strong>Enable Preview Mode<\/strong>:\n<ul>\n<li>Before publishing your container, click <strong>Preview<\/strong> in GTM to enable <strong>debug mode<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Test the Data Layer<\/strong>:\n<ul>\n<li>Visit your website and complete a purchase (or use your staging site for testing).<\/li>\n<li>In the <strong>GTM Debug Console<\/strong>, navigate to the <strong>Data Layer<\/strong> tab and ensure that the data layer is being populated with the correct transaction data when a purchase occurs.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Test Tag Firing<\/strong>:\n<ul>\n<li>Check that the <strong>GA eCommerce tag<\/strong> is firing correctly on the purchase event. In the <strong>Tags<\/strong> tab of the Debug Console, verify that the tag fires when the purchase event occurs.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Check Google Analytics<\/strong>:\n<ul>\n<li>Log in to your Google Analytics account and go to <strong>Conversions &gt; Ecommerce<\/strong> to verify that the transactions are being tracked. It may take a few minutes for the data to appear.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4><span class=\"ez-toc-section\" id=\"Step_6_Publish_the_Container\"><\/span>Step 6: Publish the Container<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Once you\u2019ve confirmed that the eCommerce tracking works as expected:<\/p>\n<ul>\n<li>Exit preview mode.<\/li>\n<li>Click <strong>Submit<\/strong> to publish your container.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Enhanced_eCommerce_Features\"><\/span>Enhanced eCommerce Features<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Enhanced eCommerce<\/strong> offers more detailed tracking and reporting compared to standard eCommerce tracking. It provides insights into the full shopping journey, including:<\/p>\n<ul>\n<li>Product impressions.<\/li>\n<li>Add-to-cart actions.<\/li>\n<li>Product detail views.<\/li>\n<li>Checkout steps.<\/li>\n<li>Refunds and other user interactions.<\/li>\n<\/ul>\n<p>To fully leverage enhanced eCommerce, you\u2019ll need to work closely with your development team to implement the appropriate data layer events for each stage of the user journey (e.g., product detail views, adding items to the cart, and completing a purchase).<\/p>\n<p><strong>Example of Enhanced eCommerce Events:<\/strong><\/p>\n<ul>\n<li><strong>Product Detail Views<\/strong>:\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\"><span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span>.<span class=\"hljs-title function_\">push<\/span>({<br \/>\n  <span class=\"hljs-string\">'event'<\/span>: <span class=\"hljs-string\">'productDetail'<\/span>,<br \/>\n  <span class=\"hljs-string\">'ecommerce'<\/span>: {<br \/>\n    <span class=\"hljs-string\">'detail'<\/span>: {<br \/>\n      <span class=\"hljs-string\">'products'<\/span>: [{<br \/>\n        <span class=\"hljs-string\">'name'<\/span>: <span class=\"hljs-string\">'T-Shirt'<\/span>,<br \/>\n        <span class=\"hljs-string\">'id'<\/span>: <span class=\"hljs-string\">'12345'<\/span>,<br \/>\n        <span class=\"hljs-string\">'price'<\/span>: <span class=\"hljs-string\">'15.00'<\/span>,<br \/>\n        <span class=\"hljs-string\">'category'<\/span>: <span class=\"hljs-string\">'Clothing'<\/span><br \/>\n      }]<br \/>\n    }<br \/>\n  }<br \/>\n});<br \/>\n<\/code><\/div>\n<\/div>\n<\/li>\n<li><strong>Add to Cart<\/strong>:\n<div class=\"contain-inline-size rounded-md border-[0.5px] border-token-border-medium relative bg-token-sidebar-surface-primary dark:bg-gray-950\">\n<div class=\"flex items-center text-token-text-secondary px-4 py-2 text-xs font-sans justify-between rounded-t-md h-9 bg-token-sidebar-surface-primary dark:bg-token-main-surface-secondary\">javascript<\/div>\n<div class=\"sticky top-9 md:top-[5.75rem]\">\n<div class=\"absolute bottom-0 right-2 flex h-9 items-center\">\n<div class=\"flex items-center rounded bg-token-sidebar-surface-primary px-2 font-sans text-xs text-token-text-secondary dark:bg-token-main-surface-secondary\"><span class=\"\" data-state=\"closed\"><button class=\"flex gap-1 items-center py-1\">Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<div class=\"overflow-y-auto p-4\" dir=\"ltr\"><code class=\"!whitespace-pre hljs language-javascript\"><span class=\"hljs-variable language_\">window<\/span>.<span class=\"hljs-property\">dataLayer<\/span>.<span class=\"hljs-title function_\">push<\/span>({<br \/>\n  <span class=\"hljs-string\">'event'<\/span>: <span class=\"hljs-string\">'addToCart'<\/span>,<br \/>\n  <span class=\"hljs-string\">'ecommerce'<\/span>: {<br \/>\n    <span class=\"hljs-string\">'currencyCode'<\/span>: <span class=\"hljs-string\">'USD'<\/span>,<br \/>\n    <span class=\"hljs-string\">'add'<\/span>: {<br \/>\n      <span class=\"hljs-string\">'products'<\/span>: [{<br \/>\n        <span class=\"hljs-string\">'name'<\/span>: <span class=\"hljs-string\">'T-Shirt'<\/span>,<br \/>\n        <span class=\"hljs-string\">'id'<\/span>: <span class=\"hljs-string\">'12345'<\/span>,<br \/>\n        <span class=\"hljs-string\">'price'<\/span>: <span class=\"hljs-string\">'15.00'<\/span>,<br \/>\n        <span class=\"hljs-string\">'category'<\/span>: <span class=\"hljs-string\">'Clothing'<\/span>,<br \/>\n        <span class=\"hljs-string\">'quantity'<\/span>: <span class=\"hljs-number\">1<\/span><br \/>\n      }]<br \/>\n    }<br \/>\n  }<br \/>\n});<br \/>\n<\/code><\/div>\n<\/div>\n<\/li>\n<\/ul>\n<p>Each of these events will need a corresponding GTM tag to ensure the data is sent to Google Analytics properly.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Configuring <strong>eCommerce tracking<\/strong> with <strong>Google Tag Manager<\/strong> and <strong>Google Analytics<\/strong> involves implementing a data layer, setting up appropriate triggers and tags, and testing the setup to ensure accurate data collection. By leveraging enhanced eCommerce tracking, you can capture valuable insights into your customers\u2019 purchase behaviors and optimize your sales funnel accordingly. Once set up correctly, eCommerce tracking provides a wealth of data to help drive business decisions and increase conversions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configuring eCommerce tracking with Google Tag Manager (GTM) allows you to track and analyze purchases, transactions, and product data on your website. This setup involves&#8230;<\/p>\n","protected":false},"author":214,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-10087","post","type-post","status-publish","format-standard","hentry","category-digital-marketing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog\" \/>\n<meta property=\"og:description\" content=\"Configuring eCommerce tracking with Google Tag Manager (GTM) allows you to track and analyze purchases, transactions, and product data on your website. This setup involves...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/\" \/>\n<meta property=\"og:site_name\" content=\"CEOweb Ltd. Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-18T12:53:48+00:00\" \/>\n<meta name=\"author\" content=\"Emmanuel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Emmanuel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/\",\"url\":\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/\",\"name\":\"How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\"},\"datePublished\":\"2024-10-18T12:53:48+00:00\",\"dateModified\":\"2024-10-18T12:53:48+00:00\",\"author\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\"},\"breadcrumb\":{\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ceowebltd.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to configure e-commerce tracking with Google Tag Manager\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#website\",\"url\":\"https:\/\/ceowebltd.com\/blog\/\",\"name\":\"CEOweb Ltd. Blog\",\"description\":\"Guest Posting - Digital Marketing &amp; Web Services\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f\",\"name\":\"Emmanuel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g\",\"caption\":\"Emmanuel\"},\"url\":\"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/","og_locale":"en_US","og_type":"article","og_title":"How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog","og_description":"Configuring eCommerce tracking with Google Tag Manager (GTM) allows you to track and analyze purchases, transactions, and product data on your website. This setup involves...","og_url":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/","og_site_name":"CEOweb Ltd. Blog","article_published_time":"2024-10-18T12:53:48+00:00","author":"Emmanuel","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Emmanuel","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/","url":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/","name":"How to configure e-commerce tracking with Google Tag Manager - CEOweb Ltd. Blog","isPartOf":{"@id":"https:\/\/ceowebltd.com\/blog\/#website"},"datePublished":"2024-10-18T12:53:48+00:00","dateModified":"2024-10-18T12:53:48+00:00","author":{"@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f"},"breadcrumb":{"@id":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ceowebltd.com\/blog\/how-to-configure-e-commerce-tracking-with-google-tag-manager\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ceowebltd.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to configure e-commerce tracking with Google Tag Manager"}]},{"@type":"WebSite","@id":"https:\/\/ceowebltd.com\/blog\/#website","url":"https:\/\/ceowebltd.com\/blog\/","name":"CEOweb Ltd. Blog","description":"Guest Posting - Digital Marketing &amp; Web Services","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ceowebltd.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/4759c204c0b0f1d134ec16e8ec777a6f","name":"Emmanuel","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ceowebltd.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9e883d40261b9b272de51992551b3eec4df631b7579a4fbec69c36a006dcbaf2?s=96&d=mm&r=g","caption":"Emmanuel"},"url":"https:\/\/ceowebltd.com\/blog\/author\/emmanuel\/"}]}},"_links":{"self":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/comments?post=10087"}],"version-history":[{"count":1,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10087\/revisions"}],"predecessor-version":[{"id":10088,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/posts\/10087\/revisions\/10088"}],"wp:attachment":[{"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/media?parent=10087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/categories?post=10087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ceowebltd.com\/blog\/wp-json\/wp\/v2\/tags?post=10087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}