crystallize-gtm-tracking
Helpers for tracking in GTM using standard Crystallize models. Makes it easy to add Google Tag Manager to your React ecommerce powered by Crystallize headless commerce service.
Ensure to setup one custom event listener in GTM for the following entries:
- ecommerce (be sure to enable enhanced ecommerce)
Install
yarn add @crystallize/gtm-tracking
Usage
import { trackAddProductsToBasket, trackProductDetails } from '@crystallize/gtm-tracking/ecommerce';
trackProductDetails({ product });
trackAddProductsToBasket({ products })
Usage with @crystallize/react-basket
const basketOptions = {
onEmpty: products => tracking.trackRemoveProductsFromBasket({ products }),
onAddToBasket: products => tracking.trackAddProductsToBasket({ products }),
onRemoveFromBasket: products =>
tracking.trackRemoveProductsFromBasket({ products })
};