1. Add or Remove products from CartPush 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': 'add_to_cart',
'ecommerce': {
'currency': 'EUR', // Currency code used for the PoS
'action':'add'
'items': [{
'item_name': 'Museum Pass', // Product Name
'item_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)
'date':'03-01-2023 - 06:00' // Date time of performance/match
'price': '15.25', // Unit Price
'item_brand':'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set) (same as enhanced e-commerce dataLayer)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'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
'type': 'Sport', // Product Type
}]
}
});' |
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': 'remove_from_cart',
'ecommerce': {
'currency': 'EUR', // Currency code used for the PoS
'action':'remove'
'items': [{
'item_name': 'Museum Pass', // Product Name
'item_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
'item_brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set) (same as enhanced e-commerce dataLayer)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'quantity': 1 // Quantity remove from t cart for this product item
'type': 'Sport', // Product Type
}]
}
}); |
2. Check outData 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 ContinueView CartPush data when user views cart content Code Block |
---|
language | js |
---|
title | View Cart DataLayer Example |
---|
collapse | true |
---|
| // Measure viewing a shopping cart
dataLayer.push({
'event': 'view_cart',
'ecommerce': {
'currency': 'EUR', // Currency code used for the PoS
'action':'add'
'items': [{
'item_name': 'Museum Pass', // Product Name
'item_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)
'date':'03-01-2023 - 06:00' // Date time of performance/match
'price': '15.25', // Unit Price
'item_brand':'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set) (same as enhanced e-commerce dataLayer)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'quantity': 1 // Quantity 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
'type': 'Sport', // Product Type
}]
}
});' |
3. Check outData are sent to datalayer in check out process with 3 steps: Begin the Checkout, 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 start the Check-out process (event 'begin_checkout') Code Block |
---|
language | js |
---|
title | Begin Checkout DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'begin_checkout',
'ecommerce': {
'step': 0, //check out step, (0: Begin, 1: Delivery, 2: Summary)
'id':15284, // File ID
'option':'begin_checkout'
},
'items': [{ //List of productFieldObjects inside the order.
'item_name': 'Triblend Android T-Shirt', //Product Name (mandatory).
'item_id': 12345, //Product Id (mandatory).
'date':'13-01-2023 - 05:00'
'price': '15.25', //Unit Price (mandatory) (same as the basic e-commerce tag).
'item_brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'quantity': 1, // same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
'type': 'Sport', // Product Type
}]
}
}
});
</script> |
When user choose a delivery mode and click on Continue (event 'add_shipping_info') Code Block |
---|
language | js |
---|
title | Delivery step DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'add_shipping_info',
'ecommerce': {
'step': 1, //check out step, (0: Begin, 1: Delivery, 2: Summary)
'id':15284, // File ID
'option':'summary' //order summary page - where the step 1 is pushed (additional information)
'shipmentID': 'E-ticket', //shipment mode name
'shipmentMode': 'E-ticket', //shipment mode name
'shipping': 8 //shipment fee
},
'items': [{ //List of productFieldObjects inside the order.
'item_name': 'Triblend Android T-Shirt', //Product Name (mandatory).
'item_id': 12345, //Product Id (mandatory).
'date':'13-01-2023 - 05:00'
'price': '15.25', //Unit Price (mandatory) (same as the basic e-commerce tag).
'item_brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'quantity': 1, // same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
'type': 'Sport', // Product Type
}]
}
}
});
</script> |
When user input a voucher, select a payment method, then click on Continue to Payment (event 'add_payment_info') Code Block |
---|
language | js |
---|
title | Delivery Order summary step DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'add_shippingpayment_info',
'ecommerce':{
'checkout':{
'actionField':{
'step': 12, //check out step, (10: DeliveryBegin, 2: Summary)
'id':15284, // File ID1: Delivery, 2: Summary)
'option':'summaryorder-confirmation' //order summaryconfirmation page - where the ee-checkout step 12 is pushed (additional information)
'option': 'VISA', //selected payment method name
'id':1000463, //File ID
'shipmentID': 'E-ticket1111111', // shipment mode name ID, get from Delivery step
'shipmentMode': 'E-ticket', // shipment mode name
'shipping': 8, //shipment fee
},
'items': [{'payment fee': 4, //Listpayment of productFieldObjects inside the order.
overhead fee
'item_namerevenue': 'Triblend Android T-Shirt'35, //Producttotal amount Name (mandatory).to pay
'item_idcoupon': 12345,'PROMO' //Product Id (mandatory).promotional code or voucher code
'date':'13-01-2023 - 05:00'
},
'priceitems': '15.25',[{ //Unit Price (mandatory) (same as the basic e-commerce tag) List of productFieldObjects inside the order.
'item_brandname': 'VisitTriblend Pass / ExhibitionAndroid T-Shirt', // Product Family Type / Topic of the product (if set)
Name (mandatory).
'item_id':12345, // Product Id (mandatory).
'date':'13-01-2023 - 05:00'
'item_categoryprice':'Cat A '15.25', // Unit Price (mandatory) (same as the basic e-commerce // Seat category tag).
'item_category2brand': 'Full priceVisit Pass / Exhibition', // tarrifProduct Family typeType / Topic of the product (if set)
'item_variantcategory':'Cat A'SALE', 'quantity': 1, // same as the basic e-commerce tag// Seat category
'couponitem_category2':'Full price'PartnerCUBE' , // advantagetarrif nametype / advantage id
'typeitem_variant': 'SportSALE', // Product Type
}] 'quantity': 1, }
}
});
</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': 'add_payment_info',
'ecommerce':{
'checkout':{
'actionField':{// same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
'steptype': 2'Sport', //check out step, (1: Delivery, 2: Summary) Product Type
}] 'option':'order-confirmation'
}
//order} confirmation
page}); - where the step 2 is pushed (additional information)
'option
</script> |
When user completes an order (event 'purchase') Code Block |
---|
language | js |
---|
title | Order summary step DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'VISApurchase', //selected payment
method name
'idecommerce':1000463, //File ID
{
'shipmentIDcheckout':{ '1111111',
// shipment ID, get from Delivery step
'actionField':{
'shipmentModetransactionID': 'E-ticket1234', // shipment mode name file ID
'shipping': 8, //shipment fee
'payment fee': 4, //payment overhead fee
'revenue'affilication':'SHOP', //sales channel name
'tax': 354, //totaltax amountfee
to pay
'couponvalue': 'PROMO'35, //promotionaltotal amount codeto orpay voucher code
'currency": 'EUR'
},
'items': [{ // List of productFieldObjects inside the order.
'item_name': 'Triblend Android T-Shirt', // Product Name (mandatory).
'item_id':12345, // Product Id (mandatory).
'date':'13-01-2023 - 05:00'
'price': '15.25', // Unit Price (mandatory) (same as the basic e-commerce tag).
'item_brand': 'Visit Pass / Exhibition', // Product Family Type / Topic of the product (if set)
'item_category':'Cat A', // Seat category
'item_category2':'Full price', // tarrif type
'item_variant': 'SALE',
'quantity': 1, // same as the basic e-commerce tag
'coupon': 'PartnerCUBE' // advantage name / advantage id
'type': 'Sport', // Product Type
}]
}
}
});
</script> |
|