CODEWITHSUNDEEP
google-analyticse-commercegoogle-tag-managerenhanced-ecommerce
tkwitten
tkwitten

Reputation: 113

"dataLayer.push" or declare with "dataLayer =" for Analytics Ecommerce Tracking GTM

Which of these is more optimal?

I have a thank-you page, and I need to load all of my transaction sale info into this page to post it to Google Analytics through Google Tag Manager.

Do I declare the dataLayer using the code below and post it before my GTM code?

dataLayer = [{
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': '40008',
        'revenue': '90.00',
      },
      'products': [{
        'name': 'Clothes',
        'price': '9.00',
        'category': 'Shirt',
        'quantity': 10.00,
       }]
    }
  }
}];

or do I push the data into the dataLayer which is created automatically and post it after my GTM code?

dataLayer.push({
  'ecommerce': {
    'purchase': {
      'actionField': {
        'id': '40008',
        'revenue': '90.00',
      },
      'products': [{
        'name': 'Clothes',
        'price': '9.00',
        'category': 'Shirt',
        'quantity': 10.00,
       }]
    }
  }
});

What is the difference? I will take the data from the dataLayer to Google with a "DOM Ready" event.

Upvotes: 1

Views: 697

Answers (1)

Eike Pierstorff
Eike Pierstorff

Reputation: 32760

You declare the dataLayer above the GTM tag for information that needs to be available immediately on page load. You use dataLayer.push for information that is added after the GTM tag.

I frankly do not think it makes that much difference in most use cases, but if you want to make sure data is available when the page loads you should declare a dataLayer. DOM ready means any push event within the source code has already happened, so it probably does not make a difference for you.

Upvotes: 1

Related Questions