ecommerce-gtm
v1.0.0
Published
Enhanced ecommerce for google tag manager
Downloads
2
Maintainers
Readme
ecommerce-gtm
Google Tag Manager Module for Enhanced Ecommerce
This is a Javascript module that implement Google Tag Manager for enahanced ecommerce. It is designed to use GTM snippet.
You can easily use custom dataLayer and additional events. You can use this library in any javascript framework for example:
- react
- angular
- vue etc..
Installation
npm:
npm install ecommerce-gtm --save
Usage
Initializing GTM Module:
import GTagManager from 'ecommerce-gtm'
# With default dataLayer
GTagManager.initialize({ id: "GTM-000000" });
# with custom data layer
GTagManager.initialize({ id: "GTM-000000", layer: "dataLayer2" });
Enhanced Ecommerce
Event example:
import GTagManager from 'ecommerce-gtm'
# With default dataLayer
GTagManager.initialize({ id: "GTM-000000" });
# Attach ecommerce to an event
GTagManager.event("test", {
'currencyCode': 'EUR',
'impressions': [
{
'name': 'Triblend Android T-Shirt',
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray',
'list': 'Search Results',
'position': 1
}]
})
Ecommerce only example:
If you do not want to attach ecommerce obj to event try this:
import GTagManager from 'ecommerce-gtm'
# With default dataLayer
GTagManager.initialize({ id: "GTM-000000" });
# Attach ecommerce to an event
GTagManager.ecommerce({
'currencyCode': 'EUR',
'impressions': [
{
'name': 'Triblend Android T-Shirt',
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray',
'list': 'Search Results',
'position': 1
}]
})
Note:
- Disabling javascript in the browser can prevent the correct operation of this library.