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': {
'currencyCodecurrency': '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': {
'currencyCode': '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 Continue | Code Block |
|---|
| language | js |
|---|
| title | Delivery step DataLayer Example |
|---|
| collapse | true |
|---|
| <script>
dataLayer.push({
'event': 'add_shipping_info',
'ecommerce': {
'step': 1, //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, //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 | 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, (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, //payment overhead fee
'revenue': 35, //total amount to pay
'coupon': 'PROMO' //promotional code or voucher code
},
'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> |
|
