Order Success Page
What actions are typically being tracked on this page:
- Order complete (also known as transaction purchase)
What properties are typically being tracked on this page:
- Product Properties
- name
- id (also known as SKU)
- category
- price
- quantity
- currency
- total_revenue
- order_id
- VAT_amount
- shipping_costs
A typical walker implementation of an order success page could look like this:
<!-- Order Success Page -->
<div data-elb="order" data-elbaction="load:complete" data-elb-order="id:1234567">
<p class="total_revenue" data-elb-order="revenue:87">87</p>
<span class="currency" data-elb-order="currency:EUR">EUR</span>
<span class="vat_amount" data-elb-order="vat:13.89">13.89</span>
<span class="shipping_costs" data-elb-order="shipping_costs:4.90">4.90</span>
<p class="description">...</p>
</div>
Once a page is loaded by a user all property values from the element as well as all child elements of the entity-container and their parents will be collected. In the background a dataLayer push will be generated with the following structure:
elbLayer.push(
'order complete',
{
id: 1234567,
revenue: 87,
currency: 'EUR',
vat: 13.89,
shipping_costs: 4.9,
},
'load',
);
Last modified 1yr ago