<\/span><\/h3>\nTo track e-commerce transactions effectively, you need to implement a data layer that will hold the necessary e-commerce information. The data layer is a JavaScript object that stores data that you want to send to Google Analytics.<\/p>\n
Example Data Layer for E-commerce:<\/strong><\/p>\n\n
html<\/div>\n
\n
\n
Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<script<\/span>><\/span>window<\/span>.dataLayer<\/span> = window<\/span>.dataLayer<\/span> || [];push<\/span>({'event'<\/span>: 'purchase'<\/span>,'transactionId'<\/span>: '12345'<\/span>,'transactionTotal'<\/span>: 99.99<\/span>,'currency'<\/span>: 'USD'<\/span>,'items'<\/span>: ['itemName'<\/span>: 'Product A'<\/span>,'itemCategory'<\/span>: 'Category 1'<\/span>,'itemPrice'<\/span>: 49.99<\/span>,'itemQuantity'<\/span>: 1<\/span>'itemName'<\/span>: 'Product B'<\/span>,'itemCategory'<\/span>: 'Category 2'<\/span>,'itemPrice'<\/span>: 49.99<\/span>,'itemQuantity'<\/span>: 1<\/span><\/script<\/span>><\/span>In this example, a purchase event is pushed into the data layer with relevant transaction details.<\/p>\n
<\/span>Step 2: Create Data Layer Variables in GTM<\/span><\/h3>\n\nLog in to Google Tag Manager<\/strong>:\n\nOpen GTM and select the appropriate container for your website.<\/li>\n<\/ul>\n<\/li>\n Go to Variables<\/strong>:\n\nClick on Variables<\/strong> in the left sidebar.<\/li>\n<\/ul>\n<\/li>\nCreate New Variables<\/strong>:\n\nClick New<\/strong> and then Variable Configuration<\/strong>.<\/li>\nSelect Data Layer Variable<\/strong>.<\/li>\n<\/ul>\n<\/li>\nDefine Your Data Layer Variables<\/strong>:\n\nFor example, create variables for transactionId<\/code>, transactionTotal<\/code>, and items<\/code>.<\/li>\nInput the exact name as defined in your data layer (e.g., for transaction ID, enter transactionId<\/code>).<\/li>\n<\/ul>\n<\/li>\nName and Save Each Variable<\/strong>:\n\nGive your variable a descriptive name (e.g., “DLV – Transaction ID”) and click Save<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/span>Step 3: Set Up Google Analytics Tag<\/span><\/h3>\n\nCreate a New Tag<\/strong>:\n\nGo to Tags<\/strong> in the left sidebar and click on New<\/strong>.<\/li>\n<\/ul>\n<\/li>\nConfigure Your Tag<\/strong>:\n\nClick on Tag Configuration<\/strong> and select either:\n\nGoogle Analytics: Universal Analytics<\/strong> (if using Universal Analytics)<\/li>\nGoogle Analytics: GA4 Configuration<\/strong> (if using Google Analytics 4)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\nSelect Tag Type<\/strong>:\n\nFor Universal Analytics:\n\nChoose Transaction<\/strong> as the track type.<\/li>\nSet the Tracking ID for your Google Analytics account.<\/li>\n Fill in the relevant fields with data layer variables using the format {{Variable Name}}<\/code>.<\/li>\nFor example:\n\nTransaction ID: {{DLV - Transaction ID}}<\/code><\/li>\nTransaction Total: {{DLV - Transaction Total}}<\/code><\/li>\nCurrency: {{DLV - Currency}}<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\nFor GA4:\n\nChoose Event<\/strong> as the event type and enter a name like purchase<\/code>.<\/li>\nAdd the data layer variables as parameters:\n\nTransaction ID: transaction_id<\/code> = {{DLV - Transaction ID}}<\/code><\/li>\nTransaction Total: value<\/code> = {{DLV - Transaction Total}}<\/code><\/li>\nCurrency: currency<\/code> = {{DLV - Currency}}<\/code><\/li>\nItems: You can set items as an array of objects.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n Add E-commerce Fields<\/strong>:\n\nFor Universal Analytics, make sure to enable Enhanced E-commerce features in your GA property settings.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/span>Step 4: Set Up Triggering<\/span><\/h3>\n\nAdd a Trigger<\/strong>:\n\nIn the tag configuration, click on Triggering<\/strong> and select New<\/strong>.<\/li>\nChoose Custom Event<\/strong> as the trigger type.<\/li>\n<\/ul>\n<\/li>\nDefine the Event<\/strong>:\n\nSet the Event Name to the event you pushed to the data layer (e.g., purchase<\/code>).<\/li>\n<\/ul>\n<\/li>\nSave Your Trigger<\/strong>:\n\nName the trigger descriptively (e.g., “Trigger – Purchase Event”) and save it.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/span>Step 5: Test Your Setup<\/span><\/h3>\n\nEnter Preview Mode<\/strong>:\n\nClick on the Preview<\/strong> button in GTM to enter preview mode.<\/li>\n<\/ul>\n<\/li>\nTest the Purchase Flow<\/strong>:\n\nComplete a test purchase on your website and ensure the data layer is populated correctly.<\/li>\n In the GTM debug panel, check the Data Layer<\/strong> tab to verify that your e-commerce data is being pushed correctly.<\/li>\n<\/ul>\n<\/li>\nCheck Tag Firing<\/strong>:\n\nAlso, in the debug panel, check that your Google Analytics tag fires when the purchase event occurs.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/span>Step 6: Publish Your Changes<\/span><\/h3>\n\nSubmit Your Changes<\/strong>:\n\nIf everything works correctly in preview mode, click on the Submit<\/strong> button in GTM to publish your changes.<\/li>\n<\/ul>\n<\/li>\nVersion Naming<\/strong>:\n\nAdd a version name and description to your changes, then publish the container.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/span>Additional E-commerce Tracking (Optional)<\/span><\/h3>\n\nEnhanced E-commerce Tracking<\/strong>: If you want to implement more advanced tracking, like product impressions, clicks, and add-to-cart events, you will need to push additional events and information to the data layer. Configure separate tags for each action.<\/li>\n<\/ul>\nExample for Product Click Event<\/strong>:<\/p>\n\n
html<\/div>\n
\n
\n
Copy code<\/button><\/span><\/div>\n<\/div>\n<\/div>\n<script<\/span>><\/span>push<\/span>({'event'<\/span>: 'productClick'<\/span>,'ecommerce'<\/span>: {'click'<\/span>: {'actionField'<\/span>: {'list'<\/span>: 'Category Page'<\/span>'products'<\/span>: [{'name'<\/span>: 'Product A'<\/span>,'id'<\/span>: