Shopify Plus Server-Side Tracking Solution (Google Ads, Meta Ads & GA4)

				
					// Register Custom Web Pixel Listener for Shopify Plus
analytics.subscribe('page_viewed', (event) => {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'custom_page_view',
    'page_location': event.context.document.location.href,
    'page_title': event.context.document.title
  });
});

analytics.subscribe('product_viewed', (event) => {
  const variant = event.data.productVariant;
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'view_item',
    'ecommerce': {
      'currency': variant.price.currencyCode,
      'value': parseFloat(variant.price.amount),
      'items': [{
        'item_id': variant.sku || variant.id,
        'item_name': variant.product.title,
        'item_variant': variant.title,
        'price': parseFloat(variant.price.amount),
        'quantity': 1
      }]
    }
  });
});

analytics.subscribe('product_added_to_cart', (event) => {
  const lineItem = event.data.cartLine;
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'add_to_cart',
    'ecommerce': {
      'currency': lineItem.cost.totalAmount.currencyCode,
      'value': parseFloat(lineItem.cost.totalAmount.amount),
      'items': [{
        'item_id': lineItem.merchandise.sku || lineItem.merchandise.id,
        'item_name': lineItem.merchandise.product.title,
        'item_variant': lineItem.merchandise.title,
        'price': parseFloat(lineItem.merchandise.price.amount),
        'quantity': lineItem.quantity
      }]
    }
  });
});

analytics.subscribe('checkout_started', (event) => {
  const checkout = event.data.checkout;
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push({
    'event': 'begin_checkout',
    'ecommerce': {
      'currency': checkout.currencyCode,
      'value': parseFloat(checkout.subtotalPrice.amount),
      'items': checkout.lineItems.map(item => ({
        'item_id': item.variant.sku || item.variant.id,
        'item_name': item.title,
        'price': parseFloat(item.variant.price.amount),
        'quantity': item.quantity
      }))
    }
  });
});

analytics.subscribe('checkout_completed', (event) => {
  const checkout = event.data.checkout;
  window.dataLayer = window.dataLayer || [];
  
  // Create a unique event ID for browser and server deduplication
  const eventId = 'sh_' + checkout.order.id + '_' + new Date().getTime();
  window.dataLayer.push({

    'event': 'purchase',
    'event_id': eventId,
    'user_data': {
      'email': checkout.email,
      'phone': checkout.phone,
      'first_name': checkout.billingAddress ? checkout.billingAddress.firstName : '',
      'last_name': checkout.billingAddress ? checkout.billingAddress.lastName : '',
      'city': checkout.billingAddress ? checkout.billingAddress.city : '',
      'region': checkout.billingAddress ? checkout.billingAddress.provinceCode : '',
      'postal_code': checkout.billingAddress ? checkout.billingAddress.zip : '',
      'country': checkout.billingAddress ? checkout.billingAddress.countryCode : ''
    },
    'ecommerce': {
      'transaction_id': checkout.order.id,
      'value': parseFloat(checkout.totalPrice.amount),
      'tax': parseFloat(checkout.totalTax ? checkout.totalTax.amount : 0),
      'shipping': parseFloat(checkout.shippingLine ? checkout.shippingLine.price.amount : 0),
      'currency': checkout.currencyCode,
      'items': checkout.lineItems.map(item => ({
        'item_id': item.variant.sku || item.variant.id,
        'item_name': item.title,
        'price': parseFloat(item.variant.price.amount),
        'quantity': item.quantity
      }))
    }
  });
});