Enhanced E-commerce Tracking offers deeper insights and more accurate tracking data of online shopping engagement, Google Analytics.
Our Enhanced E-commerce feature has been further extended and is here to support the following measurements of users' interactions:
as follows : Code Block |
---|
language | js |
---|
title | Product impression DataLayer Example |
---|
collapse | true |
---|
|
<script>
dataLayer.push ({
'event':'ee-productImpression impressions [id'12345678',//ProductID,TourID.Ifonlandingdisplay multiple timeslots or multipleperformances,pushproductIDofthePassorEventmultipletimes.Romeo& JulietProduct name, Tour brandEvent/DramaProductFamilyType/Topicoftheproduct (if set)'position':0, view orNormal ). Position of a product in a Section can be different if user change the day view (Today, Tomorrow, After,...)
'list': 'Hot topic' // On Landing page content return Section name, on Landing page list view return Product type name (for a Product type products can be grouped by topic (sub-grouping), please set position and list by Topic name in this case
},
{
'id':'ABC124',ProductName'brand':'ProductBrand','position':1,
list 'Hot topic'}]}});<script> Push Promotion impression data to datalayer on the same pages and sections mentionned above :
Code Block |
---|
language | js |
---|
title | Promotion (advantage) impression DataLayer Example |
---|
collapse | true |
---|
|
<script>
dataLayer.push ({event':'ee-promoImpression''ecommerce':{'promoView':{ 'promotions':[{
'id':'177664', // Advantage IDnameMemberExclusive, Advantagename 'creative':'Only for member' // Advantage description
'position':1 // Position of a product in a given Section (landing page) or Product type (Landing page list view or Normal view)
}]
}
}
});
</script> 3. Product details impression
Data pushed when :
- A product is clicked (accessing the product details page)
- For the calculated season tickets, it is at the ticket selection page
- For the Hospitality product family, it is at the hospitality selection page
- At the ticket selection page.
4. Product click
Push Product details' data when user clicks a product, includes the additional data
Push Product details' data when user clicks a productCart and Check-out
1. Add or Remove products from Cart
Push data when a product is added to cart, or remove from cart
Code Block |
---|
language | js |
---|
title | Add to Cart DataLayer Example |
---|
collapse | true |
---|
|
// Measure adding a product to a shopping cart
// and a list of product.
dataLayer.push({
'event': 'addToCart',
'ecommerce': {
'currencyCode': 'EUR', // Currency code used for the PoS
'add': { // 'add' actionFieldObject measures.
'products': [{ // List of product items added to the shopping cart.
'name': 'Museum Pass', // Product Name
'id': '1234-567-987', // Unique SKU of the product item, i.e. product id - item id (if product is non-dated product) - performance id (if product is of event or parking or visit type) - seat category id - tarrif type id - timeslot id (if product is timeslot) - advantage id (if any) (same as enhanced e-commerce dataLayer)
'price': '15.25', // Unit Price
'brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set) (same as enhanced e-commerce dataLayer)
'category': 'Cat A / Normal', // Seat category / tarrif type
'variant': 'Cross-sell 1-click / 1234', // Cross selling type / parent product id (if added to cart via cross-selling)
'quantity': 1 // Quantity added to cart for this product item
'url': 'https://mosa.int1-shop.secutix.com/selection/timeslotpass?productId=101047223156' // URL pointing to the corresponding product item selection page which can be used by 3rd-party email retargeting tools
'imgUrl': 'https://mosa.int1-shop.secutix.com/api/1/dl/product/101047223156/logo' // Image URL of the corresponding product item which can be used by 3rd-party email retargeting tools
}]
}
}
}); |
Code Block |
---|
language | js |
---|
title | Remove from Cart DataLayer Example |
---|
collapse | true |
---|
|
// Measure the removal of a product from a shopping cart.
dataLayer.push({
'event': 'removeFromCart',
'ecommerce': {
'remove': { // 'remove' actionFieldObject measures.
'products': [{ // removing a product to a shopping cart.
'name': 'Museum Pass', // Product Name
'id': '1234-567-987', // Unique SKU of the product item, i.e. product id - item id (if product is non-dated product) - performance id (if product is of event or parking or visit type) - seat category id - tarrif type id - timeslot id (if product is timeslot) - advantage id (if any) (same as enhanced e-commerce dataLayer)
'price': '15.25', // Unit Price
'brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set) (same as enhanced e-commerce dataLayer)
'category': 'Cat A / Normal', // Seat category / tarrif type
'variant': 'Cross-sell 1-click / 1234', // Cross selling type / parent product id (if added to cart via cross-selling)
'quantity': 1 // Quantity added to cart for this product item
}]
}
}
}); |
2. Check out
Data are sent to datalayer in check out process with 2 steps: Delivery and Order confirmation (after the payment page)
Info |
---|
title | Security and data layer |
---|
|
Please note that the payment page cannot push any data in the data layer, as this is a secure page and pushing data externally in a secure page is forbidden by the PCI certification. |
When user choose a delivery mode and click on Continue
Code Block |
---|
language | js |
---|
title | Delivery step DataLayer Example |
---|
collapse | true |
---|
|
<script>
dataLayer.push({
'event': 'ee-checkout',
'ecommerce': {
'checkout': {
'actionField': {
'step': 1, //check out step, (1: Delivery, 2: Summary)
'id': '15284', //shipment Mode ID
'shippingMode': 'E-ticket', // shipment mode name
'shipping': 8 //shipment fee
},
'products': [{ // List of productFieldObjects inside the order.
'name': 'Triblend Android T-Shirt', // Product Name (mandatory).
'id': '12345', // Product Id (mandatory).
'price': '15.25', // Unit Price (mandatory) (same as the basic e-commerce tag).
'brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set)
'category': 'Cat A / Normal', // seat category / tarrif type
'variant': 'Cross-sell 1-click / 1234567', // cross selling type / parent product id (if purchased via cross-selling)
'quantity': 1, // same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
}]
}
}
});
</script> |
When user input a voucher, select a payment method, then click on Continue to Payment
Code Block |
---|
language | js |
---|
title | Order summary step DataLayer Example |
---|
collapse | true |
---|
|
<script>
dataLayer.push({
'event': 'ee-checkout',
'ecommerce':{
'checkout':{
'actionField':{
'step': 2, //check out step, (1: Delivery, 2: Summary)
'option': 'VISA', //selected payment method name
'id': '1000463', //File ID
'shipmentID': '1111111', // shipment ID, get from Delivery step
'shippingMode': 'E-ticket', // shipment mode name
'shipping': 8, //shipment fee
'payment fee': 4, //payment overhead fee
'revenue': 35, //total amount to pay
'coupon': 'PROMO' //promotional code or voucher code
},
'products': [{ // List of productFieldObjects inside the order.
'name': 'Triblend Android T-Shirt', // Product Name (mandatory).
'id': '12345', // Product Id (mandatory).
'price': '15.25', // Unit Price (mandatory) (same as the basic e-commerce tag).
'brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set)
'category': 'Cat A / Normal', // seat category / tarrif type
'variant': 'Cross-sell 1-click / 1234567', // cross selling type / parent product id (if purchased via cross-selling)
'quantity': 1, // same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
}]
}
}
});
</script> |