elbwalker docs
Search…
🚀
getting started
🔌
Sources
🎯
Destinations
Search & Result Page
What actions are typically being tracked on this page:
- Search view
- Product impression
- Product click
- Search click
What properties are typically being tracked on this page:
- Products
- name
- id (also known as SKU)
- Search term
- Number of products found
A typical walker implementation of a product's detail page could look like this:
1
<!-- Search Result Page -->
2
<div
3
id="search_list"
4
elb="search"
5
elbaction="load:view"
6
elb-search="term:'crazy shorts';results:14"
7
>
8
<div elb="product" elbaction="visible:impression;click" elb-product="id:1">...</div>
9
<div elb="product" elbaction="visible:impression;click" elb-product="id:2">...</div>
10
...
11
</div>
12
Copied!
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 an elbLayer push will be generated with the following structure:
1
// on load
2
elbLayer.push('search view', { term: 'crazy shorts', results: 2 }, 'load');
3
4
// when visible
5
elbLayer.push('product impression', { id: 1 }, 'visible');
6
elbLayer.push('product impression', { id: 2 }, 'visible');
7
8
// by clicking on a product (since click is not related, both fire)
9
elbLayer.push('product click', { id: 2 }, 'click');
10
elbLayer.push('search click', { id: 2, term: 'crazy shorts', results: 2 }, 'click');
Copied!
We will add a lot more real world examples here in the upcoming weeks. If you want to know how to measure certain events or website elements with our walker please don't hesitate to reach out to us via [email protected].
Last modified 2mo ago
Copy link