data-track-funnelstepview

Funnels are very important in tracking, because they will lead a user to the conversion.

More information about funnelsteps can be found in the funnelsteps documentation.

<div data-track-funnelstepview='{
    "funnelName": "Newsletter subscription",
    "funnelStep": "Success"
}'>
...
</div>

The above example is an example of how to track a funnelstep. Only the funnelName and funnelStep are required in this case.

If you want to track a funnelstep of type “purchase”, then you also need a transactionID.

<div data-track-funnelstepview='{
    "funnelName": "Checkout",
    "funnelStep": "Success",
    "transactionID": "2093123"
}'>
...
</div>

It is also possible to add products to the funnelstepview. This is relevant for checkout steps and purchases.

<div data-track-funnelstepview='{
    "funnelName": "Checkout",
    "funnelStep": "Cart",
    "products": [{
        "id": "123sdfsfd123",
        "name": "Baseball Jacket Grain",
        "price": 99.95,
        "quantity": 1,
        "position" : 1
    }]
}'>
...
</div>

In the above example you see that we track the cart page where a user had some products in the cart.

data-track-direct

Just as with data-track-contentview, also funnelstepviews are only triggered when the element with the data-attribute is in view. To override this functionality, you can use the data-track-direct attribute.

If you want to have more control about when to track the funnelstepview, you can also use our Javascript API.