Setting up the data layer

About the data layer

A data layer is a JavaScript object that passes information from your website to your Tag Manager container. You can then use that information to populate variables and activate triggers in your tag configurations.

HeadQ implements the data layer with various events with e-commerce data support (GA4 compatible).

Events supported

Event Description
view_item The user opens a product configurator
add_to_cart The user adds a product to the cart
add_to_quote_cart The user adds a product to the quote cart
view_cart The user opens the cart
begin_checkout The user starts the checkout process
purchase The user finalizes the checkout process and makes a purchase
request_for_quote The user requests a quote
calculate_price The price was calculated in the configurator
begin_configuration The user started the configuration but did not calculate the price
complete_configuration The user has completed the configuration and added it to the cart
generate_lead The user has done an action that generates a lead to the store
remove_from_cart The user has removed the item from the cart
remove_from_quote_cart The user has removed the item from the quote cart

Enabling data layer

The data layer is not enabled by default. Navigate to store settings (Home > Store settings > Installation). Look for the setting "Does the store use data layer" and enable it.

Näyttökuva 2025-02-13 kello 13.52.15

After enabling, the data layer should start working within a minute on your site. You can now use your tag manager solutions to flow the event data into any system you want.