EcomnTag Library

Fire events to google tag manager for various providers

EcomnTag library needs in

1. constructor the data layer object of tag manager, usually dataLayer. (it needs to be initialized before creating the object)
2. options object for providers and provider id prefixes

options = {
  providerOptions: ['googleTag', 'faceBook', 'glami', 'googleGA4'],
  providerIdsPrefix: { google: 'DB_', facebook: 'DB_' },
}

Current Providers

• google tag with key 'googleTag'
• facebook pixel with key 'faceBook'
• glami with key 'glami'

Current Supported Events

• googleTag
  • AddToCart
  • RemoveFromCart
  • SearchTerms custom
• faceBook
  • AddToCart
• glami
  • AddToCart

Usage

Browser usage

window.dataLayer = window.dataLayer || []
const tag = new EcomnTag.Tag(window.dataLayer, {
  providerOptions: ['googleTag', 'faceBook', 'glami', 'googleGA4'],
  providerIdsPrefix: { google: 'DB_', facebook: 'DB_' },
})
tag.addToCart({
  id: 1,
  name: 'Product Name',
  price: 12.5,
  quantity: 1,
})

ES6 imports

import { Tag } from 'ecomntag/build/ecomnTag.min'
const tag = new Tag(dataLayer, {
  providerOptions: ['googleTag'],
  providerIdsPrefix: { google: 'DB_', facebook: 'DB_' },
})
// and call an implemented method
tag.addToCart({
  id: 1,
  name: 'Product Name',
  price: 12.5,
  quantity: 1,
})

Changelog

1.0.6

Maintenance version (add README.md and fix examples)

1.0.5

Add support for Google tag AddToCart, removeFromCart and facebook AddToCart events.