JavaScript (Google Tag Manager) GTM enhanced ecommerce checkout steps not tracking google tag manager enhanced ecommerce,google tag manager enhanced ecommerce

I've implemented GTM on an ecommerce site and have some tags set up for a few thins (page impressions, add to cart etc.) These all work and track in Analytics as expected however I've now added the checkout funnel pushes and these are firing but not tracking.

Data flow is basically: User Visits Cart Page >> Step 1 dataLayer.push request >> Console shows Checkout Tag has fired >> Data doesn't show up in analytics.

An example of this dataLayer push event is as follows:

dataLayer.push({
    'event' : 'checkout',
    'ecommerce' : {
        'currencyCode' : 'GBP',
        'checkout' : {
            'actionField' : {'step' : 1},
            'products' : [
            {
                'name' : '"Some product name"',
                'id' : '55',
                'price' : '35',
                'quantity' : 1
            }
            ]
        }
    }
});

It looks like the problem is more likely a setup issue with GTM so I've included the current settings I have for the Checkout Tag:

Tag Type - Universal Analytics
Tracking ID - {{ Tracking-ID }}
Track Type - Event
Category - Ecommerce
Action - Checkout
Enable Enhanced Ecommerce Features - True
Use data layer - True
Answer:1

After some trial and error deleting the tag from GTM and re-adding it solves the issue.

I'm not really sure why this is. It's also worth noting if using the dataLayer.push() method included on page load (rather than attached to an action) it can fire before GTM is ready which may lose data. Instead wrap it in a $(document).ready (if you're using jQuery)

Answer:2

String vs Integer

Quantity is an Integer type, you have string type. https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#ecommerce-data

dataLayer.push({
    'event' : 'checkout',
    'ecommerce' : {
        'currencyCode' : 'GBP',
        'checkout' : {
            'actionField' : {'step' : 1},
            'products' : [
            {
                'name' : '"Some product name"',
                'id' : '55',
                'price' : '35',
                'quantity' : 1
            }
            ]
        }
    }
});
Answer:3

I'm using https://github.com/danialfarid/ng-file-upload for handle my uploading file. But i got problem when i'm using method: "PUT". Upload.upload({ url: APIROOT + 'categories/' + $...

I'm using https://github.com/danialfarid/ng-file-upload for handle my uploading file. But i got problem when i'm using method: "PUT". Upload.upload({ url: APIROOT + 'categories/' + $...

  1. angular file upload example
  2. angular file upload component
  3. angular file upload drag and drop
  4. angular file upload progress
  5. angular file upload button
  6. angular file upload npm
  7. angular file upload form
  8. angular file upload with progress bar
  9. angular file upload size limit
  10. angular file upload library
  11. angular file upload validation
  12. angular file upload preview
  13. angular file upload to spring boot
  14. angular file upload stackblitz
  15. angular file upload tutorial
  16. angular file upload input
  17. angular file upload to s3
  18. angular file upload missing content-type boundary
  19. angular file upload change event
  20. angular file upload multipart/form-data

I've set up Redux in my React app, however I don't get any data passed when I use this.props to access the data in another component in a separate file. My action is being executed and it passes the ...

I've set up Redux in my React app, however I don't get any data passed when I use this.props to access the data in another component in a separate file. My action is being executed and it passes the ...

I have a table inside modal that has several hundreds items. Each item row is associated with particular bag. All bags are listed on a page and when user clicks "Add Items" modal opens up and shows ...

I have a table inside modal that has several hundreds items. Each item row is associated with particular bag. All bags are listed on a page and when user clicks "Add Items" modal opens up and shows ...

I have been working with Force-Directed Graph but I am still new to D3js and Javascript. I want to able to click on the node and the infobox popup on the page and print some information about that ...

I have been working with Force-Directed Graph but I am still new to D3js and Javascript. I want to able to click on the node and the infobox popup on the page and print some information about that ...

  1. d3js force directed graph
  2. d3js force directed
  3. d3js force directed graph labels
  4. d3js force directed graph zoom
  5. d3js force directed graph example
  6. d3js force directed graph arrows
  7. d3.js force directed graph tutorial
  8. d3.js force directed graph group
  9. d3.js force directed node focus
  10. d3.js force directed graph tooltip
  11. d3.js force directed graph filter
  12. d3.js force directed graph performance
  13. d3.js force directed graph angular
  14. d3.js force directed center
  15. d3.js force directed example
  16. d3js v5 force directed graph
  17. d3js force directed layout
  18. d3.js v4 force directed graph with labels
  19. d3.js v4 force directed graph
  20. d3 js 3d force directed graph