Support Event Tag & personalization

Out of the box, events mentioned in Event Tag - Client side will be tracked. In addition to that, events for View Product, Add to cart and Purchase need to be implemented using Customer Events.

In Shopify admin:

  • Go to Settings > Customer events.
  • Choose Add custom pixel.
  • Give it a name and copy the example below in the Code section.
  • Update the INSTANCE_KEY on line 11 to your specific instancekey.
// bootstrap event tag
(function(w, d, l, i, u) {

  w._twa = l;w[l] = w[l] || [];
  w[l].push({ 'twa.start': new Date().getTime(), event: 'twa.js' });
  w[l].push({ 'twa.instance': i, event: 'twa.init' });
  var f = d.getElementsByTagName('script')[0], j = d.createElement('script');
  j.async = true;j.src = u;
  f.parentNode.insertBefore(j, f);

})(window, document, 'tweakwiseLayer', 'INSTANCE_KEY', "https://navigator-analytics.tweakwise.com/bundles/scout.js");


analytics.subscribe("product_viewed", function (event) {

  tweakwiseLayer.push({
    event: 'productView',
    data: {
      productKey: event.data.productVariant.id
    }
  });
  
})

analytics.subscribe("product_added_to_cart", function (event) {
  
  tweakwiseLayer.push({
    event: 'addtocart',
    data: {
      productKey: event.data.cartLine?.merchandise.id,
      quantity: event.data.cartLine?.quantity,
      totalAmount: event.data.cartLine?.cost.totalAmount.amount,
    }
  });
  
})

analytics.subscribe("checkout_completed", function (event) {
  
  tweakwiseLayer.push({
    event: 'purchase',
    data: {
        productKeys: event.data.checkout.lineItems.map(o => o.variant.id),
        revenue: event.data?.checkout?.totalPrice?.amount
    }
  });
  
});
❗️

Important:

  • The used id's (for example on line 43 for the purchase) can be different, depending on your product configuration. These should be the productid that is known to Tweakwise.
  • Check the feed generation what value should be used here.
  • Use the pixel debugger to check the data samples in order to map the correct product ids.

Event Tag adoption

FeatureSupport
Session start
Page impression
Search
Item click
Product view
Add to cart
Add to wishlist❌ (customization on wishlist plugin)
Purchase