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 outView 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({
|
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': 'addview_shipping_infocart',
'ecommerce': {
'step
'currency': 1'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 | Order summary step DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'add_payment_info',
'ecommerce':{
'checkout':{
'actionField':{
'step': 2, //check out step, (0: Begin, 1: Delivery, 2: Summary)
'option':'order-confirmation' //order confirmation page - where the step 2 is pushed (additional information)
'option': 'VISA', //selected payment method name
'id':1000463, //File ID
'shipmentID': '1111111', // shipment ID, get from Delivery step
'shipmentMode': 'E-ticket', // shipment mode name
'shipping': 8, //shipment fee
'payment fee': 4 //check out step, (1: Delivery, 2: Summary)
'id':15284, // File ID
'option':'summary' //order summary page - where the ee-checkout 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, //Productpayment Id (mandatory).overhead fee
'date':'13-01-2023 - 05:00'
revenue': 35, //total amount to pay
'pricecoupon': '15.25PROMO', //Unitpromotional Pricecode (mandatory) (same as the basic e-commerce tag). or voucher code
},
'item_brand 'items': 'Visit Pass / Exhibition', [{ // ProductList Familyof TypeproductFieldObjects / Topicinside of the product (if set) order.
'item_categoryname': 'Cat ATriblend Android T-Shirt', // Seat categoryProduct Name (mandatory).
'item_category2id':'Full price',12345, // tarrifProduct type Id (mandatory).
'item_variant': 'SALE', 'date':'13-01-2023 - 05:00'
'quantityprice': 1'15.25', // Unit Price (mandatory) (same as the basic e-commerce tag).
'couponitem_brand': 'PartnerCUBE' // advantage name / advantage id
'type': 'Sport', Visit Pass / Exhibition', // Product Family Type
}]
}
}
});
</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':{ / 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
'stepcoupon': 2,'PartnerCUBE' //check outadvantage step, (1: Delivery, 2: Summary)name / advantage id
'optiontype':'order-confirmation' 'Sport', //order Product Type
}]
}
}
});
</script> |
When user completes an order (event 'purchase') Code Block |
---|
language | js |
---|
title | Order summary step DataLayer Example |
---|
collapse | true |
---|
| <script>
dataLayer.push({
'event': 'purchase',
'ecommerce':{
'checkout':{
'actionField':{ confirmation page - where the step 2 is pushed (additional information)
'option': 'VISA', //selected payment method name
'id':1000463, //File ID
'shipmentID': '1111111', // shipment ID, get from Delivery step
'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, //total amount to pay tax fee
'couponvalue': 'PROMO'35, //promotionaltotal codeamount orto voucher code pay
'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> |
|