Walker.js docs
Search
K

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',
);