Heat map of a page with GA and GTM

Here, I presented a ready-mind solution for heat map creation with GA and GTM tools only. The solution cut the problem of multiple java scripts and page speed reduction.?

Preparation of tags

1. Log in to GTM and open variables menu. In variables menu, you need to click Configure button and choose the following items

2. After that, you ought to return to triggers and add a new one. The trigger's type - Scroll depth. Also, in this window, you can choose depth of scrolling in percentages or in pixels.

3. Now, we can create a new tag. For this purpose, open tab tags and create a new tag with the following parameters

Type?- Google Analytics Universal

Track type - Event

Category -scroll

Action?- {{Page Path}}

Label - {{Scroll Depth Threshold}}

4. Save the trigger and press button Submit in the top right corner.

Vizualization results

1. Open Google Data Studio and create a new table with bars. Add dimension - event label and metric - unique events.?

2. In the filter section add a filter with the value

Event category contains scroll

The result is following

To clarify scrolling on the site click on the tab Style and choose from the dropdown menu item Heatmap. Beneath this section, you can also select a colour that highlighted your scrolling percentage.

The described approach could be used for checking user's interest in a product, article, etc. In this case, you can esteem did users read your article to the end or they didn't.