royvn · August 12, 2024 12:55
diff --git a/cookiebot-consent.js b/cookiebot-consent.js
 document.addEventListener('DOMContentLoaded', (event) => {
  /**
   * feedback
   * @description Log the tracking status to the console.
   */
  function feedback() {
    const p = Shopify.customerPrivacy;
    console.log(`Tracking ${p.userCanBeTracked() ? 'en' : 'dis'}abled`);
  }

  /**
   * Shopify.loadFeatures
   * @description Load the Shopify Customer Privacy JavaScript library. With callback.
   */
  Shopify.loadFeatures(
    [
      {
        name: 'consent-tracking-api',
        version: '0.1',
      },
    ],
    (error) => {
      if (error) throw error;
      feedback();
      // In case the cookiebot is already accepted
      handleShopifyTrackingConsent();
      bridgeCookiebotConsent();
      // Set or update tracking when CookiebotOnConsentReady event is triggered
      window.addEventListener('CookiebotOnConsentReady', function () {
        handleShopifyTrackingConsent();
        bridgeCookiebotConsent();
      });
    }
  );

  /**
   * handleShopifyTrackingConsent
   * @description Set the tracking consent so we can load the Shopify Web Pixel.
   */
  function handleShopifyTrackingConsent() {
    // Check if Cookiebot and customerPrivacy are available
    if ('Cookiebot' in window && 'customerPrivacy' in Shopify) {
      if (Cookiebot.consented) {
        Shopify.customerPrivacy.setTrackingConsent({
          "analytics": Cookiebot?.consent?.statistics ? true : false,
          "marketing": Cookiebot?.consent?.marketing ? true : false,
          "preferences": Cookiebot?.consent?.preferences ? true : false
        }, feedback);
      } else {
        Shopify.customerPrivacy.setTrackingConsent({
          "analytics": false,
          "marketing": false,
          "preferences": false
        }, feedback);
      }
    }
  }

  /**
   * bridgeCookiebotConsent
   * @description Bridge Cookiebot consent object to Shopify's Web Pixel. So the update can be done.
   */
  function bridgeCookiebotConsent() {
    const event_name = 'cookiebot_on_consent_ready';
    const event_data = {
      ad_personalization: Cookiebot.consent.marketing ? 'granted' : 'denied',
      ad_storage: Cookiebot.consent.marketing ? 'granted' : 'denied',
      ad_user_data: Cookiebot.consent.marketing ? 'granted' : 'denied',
      analytics_storage: Cookiebot.consent.statistics ? 'granted' : 'denied',
      functionality_storage: Cookiebot.consent.preferences ? 'granted' : 'denied',
      personalization_storage: Cookiebot.consent.preferences ? 'granted' : 'denied',
      security_storage: Cookiebot.consent.necessary ? 'granted' : 'denied',
      wait_for_update: 500,
    };
    Shopify.analytics.publish(event_name, event_data);
  }
 });
diff --git a/cookiebot-consent.liquid b/cookiebot-consent.liquid
 {%- if cookiebot_script != blank -%}
  <script src="{{ 'cookiebot-consent.js' | asset_url }}" defer data-cookieconsent="ignore"></script>
 {%- endif -%}
diff --git a/cookiebot-script.liquid b/cookiebot-script.liquid
 {%- liquid
  # Load the Cookiebot script 
  if settings.cookiebot_script != blank
    echo settings.cookiebot_script
  endif
 -%}
diff --git a/settings_schema.json b/settings_schema.json
 [
  {
    "name": "Cookiebot",
    "settings": [
      {
        "type": "textarea",
        "id": "cookiebot_script",
        "label": "Script"
      }
    ]
  }
 ]
diff --git a/theme.liquid b/theme.liquid
 <!doctype html>
 <html class="no-js no-touch scroll-smooth" lang="{{ request.locale.iso_code }}" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">    
    {%- render 'cookiebot-script' -%}
    {{ content_for_header }}
    {%- render 'cookiebot-consent' -%}
  </head>
  <body class="group/body">
  </body>
 </html>
diff --git a/web-pixel-gtm.js b/web-pixel-gtm.js
 // Can be added as a custom pixel under /settings/customer_events
 const gtm_id = 'GTM-XXXXXXX';

 // Define dataLayer and the gtag function.
 window.dataLayer = window.dataLayer || [];
 function gtag() {
  dataLayer.push(arguments);
 }

 // Initialize GTM tag
 (function (w, d, s, l, i) {
  w[l] = w[l] || [];
  w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
  var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s),
    dl = l != 'dataLayer' ? '&l=' + l : '';
  j.async = true;
  j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  f.parentNode.insertBefore(j, f);
 })(window, document, 'script', 'dataLayer', gtm_id);

 // Set default consent
 gtag('consent', 'default', {
  ad_personalization: 'denied',
  ad_storage: 'denied',
  ad_user_data: 'denied',
  analytics_storage: 'denied',
  functionality_storage: 'denied',
  personalization_storage: 'denied',
  security_storage: 'granted',
  wait_for_update: 500,
 });
 gtag('set', 'ads_data_redaction', true);
 gtag('set', 'url_passthrough', true);

 // Custom events
 analytics.subscribe('cookiebot_on_consent_ready', (event) => {
  console.log('> Web Pixel: event cookiebot_on_consent_ready');
  const options = {
    ...event.customData,
  };
  console.log(options);
  // Update the consent based on cookiebot consent state
  gtag('consent', 'update', options);
 });

 // Subscribe to events
 analytics.subscribe('checkout_completed', (event) => {
  window.dataLayer.push({
    event: 'checkout_completed',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('payment_info_submitted', (event) => {
  window.dataLayer.push({
    event: 'payment_info_submitted',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('checkout_shipping_info_submitted', (event) => {
  window.dataLayer.push({
    event: 'checkout_shipping_info_submitted',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('checkout_address_info_submitted', (event) => {
  window.dataLayer.push({
    event: 'checkout_address_info_submitted',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('checkout_contact_info_submitted', (event) => {
  window.dataLayer.push({
    event: 'checkout_contact_info_submitted',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('checkout_started', (event) => {
  window.dataLayer.push({
    event: 'checkout_started',
    timestamp: event.timestamp,
    id: event.id,
    token: event.data?.checkout?.token,
    url: event.context.document.location.href,
    client_id: event.clientId,
    email: event.data?.checkout?.email,
    phone: event.data?.checkout?.phone,
    first_name: event.data?.checkout?.shippingAddress?.firstName,
    last_name: event.data?.checkout?.shippingAddress?.lastName,
    address1: event.data?.checkout?.shippingAddress?.address1,
    address2: event.data?.checkout?.shippingAddress?.address2,
    city: event.data?.checkout?.shippingAddress?.city,
    country: event.data?.checkout?.shippingAddress?.country,
    country_code: event.data?.checkout?.shippingAddress?.countryCode,
    province: event.data?.checkout?.shippingAddress?.province,
    province_code: event.data?.checkout?.shippingAddress?.provinceCode,
    zip: event.data?.checkout?.shippingAddress?.zip,
    order_id: event.data?.checkout?.order?.id,
    currency: event.data?.checkout?.currencyCode,
    subtotal: event.data?.checkout?.subtotalPrice?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    line_items: event.data?.checkout?.lineItems,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('product_added_to_cart', (event) => {
  window.dataLayer.push({
    event: 'product_added_to_cart',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    price: event.data?.cartLine?.merchandise?.price?.amount,
    currency: event.data?.cartLine?.merchandise?.id,
    product_title: event.data?.cartLine?.merchandise?.product?.title,
    quantity: event.data?.cartLine?.quantity,
    total_cost: event.data?.cartLine?.cost?.totalAmount?.amount,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('cart_viewed', (event) => {
  window.dataLayer.push({
    event: 'cart_viewed',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    total_cost: event.data?.cart?.cost?.totalAmount?.amount,
    quantity: event.data?.cart?.totalQuantity,
    cart_id: event.data?.cart?.id,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('page_viewed', (event) => {
  window.dataLayer.push({
    event: 'page_viewed',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    page_title: event.context.document.title,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('product_viewed', (event) => {
  window.dataLayer.push({
    event: 'product_viewed',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    product_id: event.data?.productVariant?.product?.id,
    product_title: event.data?.productVariant?.product?.title,
    product_sku: event.data?.productVariant?.sku,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('search_submitted', (event) => {
  window.dataLayer.push({
    event: 'search_submitted',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    query: event.data?.searchResult?.query,
    fired_from: 'custom_pixel',
  });
 });

 analytics.subscribe('collection_viewed', (event) => {
  window.dataLayer.push({
    event: 'collection_viewed',
    timestamp: event.timestamp,
    id: event.id,
    client_id: event.clientId,
    url: event.context.document.location.href,
    collection_id: event.data?.collection?.id,
    collection_title: event.data?.collection?.title,
    fired_from: 'custom_pixel',
  });
 });
	{%- liquid
	# Load the Cookiebot script
	if settings.cookiebot_script != blank
	echo settings.cookiebot_script
	endif
	-%}
	[
	{
	"name": "Cookiebot",
	"settings": [
	{
	"type": "textarea",
	"id": "cookiebot_script",
	"label": "Script"
	}
	]
	}
	]
	<!doctype html>
	<html class="no-js no-touch scroll-smooth" lang="{{ request.locale.iso_code }}" dir="ltr">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	{%- render 'cookiebot-script' -%}
	{{ content_for_header }}
	{%- render 'cookiebot-consent' -%}
	</head>
	<body class="group/body">
	</body>
	</html>
	// Can be added as a custom pixel under /settings/customer_events
	const gtm_id = 'GTM-XXXXXXX';

	// Define dataLayer and the gtag function.
	window.dataLayer = window.dataLayer \|\| [];
	function gtag() {
	dataLayer.push(arguments);
	}

	// Initialize GTM tag
	(function (w, d, s, l, i) {
	w[l] = w[l] \|\| [];
	w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
	var f = d.getElementsByTagName(s)[0],
	j = d.createElement(s),
	dl = l != 'dataLayer' ? '&l=' + l : '';
	j.async = true;
	j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
	f.parentNode.insertBefore(j, f);
	})(window, document, 'script', 'dataLayer', gtm_id);

	// Set default consent
	gtag('consent', 'default', {
	ad_personalization: 'denied',
	ad_storage: 'denied',
	ad_user_data: 'denied',
	analytics_storage: 'denied',
	functionality_storage: 'denied',
	personalization_storage: 'denied',
	security_storage: 'granted',
	wait_for_update: 500,
	});
	gtag('set', 'ads_data_redaction', true);
	gtag('set', 'url_passthrough', true);

	// Custom events
	analytics.subscribe('cookiebot_on_consent_ready', (event) => {
	console.log('> Web Pixel: event cookiebot_on_consent_ready');
	const options = {
	...event.customData,
	};
	console.log(options);
	// Update the consent based on cookiebot consent state
	gtag('consent', 'update', options);
	});

	// Subscribe to events
	analytics.subscribe('checkout_completed', (event) => {
	window.dataLayer.push({
	event: 'checkout_completed',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('payment_info_submitted', (event) => {
	window.dataLayer.push({
	event: 'payment_info_submitted',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('checkout_shipping_info_submitted', (event) => {
	window.dataLayer.push({
	event: 'checkout_shipping_info_submitted',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('checkout_address_info_submitted', (event) => {
	window.dataLayer.push({
	event: 'checkout_address_info_submitted',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('checkout_contact_info_submitted', (event) => {
	window.dataLayer.push({
	event: 'checkout_contact_info_submitted',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('checkout_started', (event) => {
	window.dataLayer.push({
	event: 'checkout_started',
	timestamp: event.timestamp,
	id: event.id,
	token: event.data?.checkout?.token,
	url: event.context.document.location.href,
	client_id: event.clientId,
	email: event.data?.checkout?.email,
	phone: event.data?.checkout?.phone,
	first_name: event.data?.checkout?.shippingAddress?.firstName,
	last_name: event.data?.checkout?.shippingAddress?.lastName,
	address1: event.data?.checkout?.shippingAddress?.address1,
	address2: event.data?.checkout?.shippingAddress?.address2,
	city: event.data?.checkout?.shippingAddress?.city,
	country: event.data?.checkout?.shippingAddress?.country,
	country_code: event.data?.checkout?.shippingAddress?.countryCode,
	province: event.data?.checkout?.shippingAddress?.province,
	province_code: event.data?.checkout?.shippingAddress?.provinceCode,
	zip: event.data?.checkout?.shippingAddress?.zip,
	order_id: event.data?.checkout?.order?.id,
	currency: event.data?.checkout?.currencyCode,
	subtotal: event.data?.checkout?.subtotalPrice?.amount,
	shipping: event.data?.checkout?.shippingLine?.price?.amount,
	value: event.data?.checkout?.totalPrice?.amount,
	tax: event.data?.checkout?.totalTax?.amount,
	line_items: event.data?.checkout?.lineItems,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('product_added_to_cart', (event) => {
	window.dataLayer.push({
	event: 'product_added_to_cart',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	price: event.data?.cartLine?.merchandise?.price?.amount,
	currency: event.data?.cartLine?.merchandise?.id,
	product_title: event.data?.cartLine?.merchandise?.product?.title,
	quantity: event.data?.cartLine?.quantity,
	total_cost: event.data?.cartLine?.cost?.totalAmount?.amount,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('cart_viewed', (event) => {
	window.dataLayer.push({
	event: 'cart_viewed',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	total_cost: event.data?.cart?.cost?.totalAmount?.amount,
	quantity: event.data?.cart?.totalQuantity,
	cart_id: event.data?.cart?.id,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('page_viewed', (event) => {
	window.dataLayer.push({
	event: 'page_viewed',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	page_title: event.context.document.title,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('product_viewed', (event) => {
	window.dataLayer.push({
	event: 'product_viewed',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	product_id: event.data?.productVariant?.product?.id,
	product_title: event.data?.productVariant?.product?.title,
	product_sku: event.data?.productVariant?.sku,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('search_submitted', (event) => {
	window.dataLayer.push({
	event: 'search_submitted',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	query: event.data?.searchResult?.query,
	fired_from: 'custom_pixel',
	});
	});

	analytics.subscribe('collection_viewed', (event) => {
	window.dataLayer.push({
	event: 'collection_viewed',
	timestamp: event.timestamp,
	id: event.id,
	client_id: event.clientId,
	url: event.context.document.location.href,
	collection_id: event.data?.collection?.id,
	collection_title: event.data?.collection?.title,
	fired_from: 'custom_pixel',
	});
	});