

Click map or data map in site catalyst code#
The code also truncates Click Texts that are longer than 100 characters and converts everything to lowercase. The code below checks to see if Click Text is defined, if it’s not, it will label your Click Text as ‘undefined’. Make sure you have the built-in variable Click Text enabled before you set this one up. JS - Click Text Clean: This variable will provide us with a clean version of the text that a user clicks on. I will outline each one below and explain what it does. In order to capture all of the data we need for our report, we will have to create some custom javascript variables inside Google Tag Manager (GTM). Step 1: Create Your Click Events in Google Tag Manager Create Your User-Defined Variables in Google Tag Manager If this all sounds exciting and useful to you, please follow the three steps below to create your own click heat map. This tutorial covers the basic set up, but there are applications far beyond what is covered here. Having all of this data in GA also gives you the power to slice and dice your heat map by other user attributes like device, browser, purchasing behavior, source, etc.

Heat maps help drive the conversation within your organization because they are easy for everyone to understand and interpret. most users are clicking to X from the homepage) and identify friction points in the experience. You can spot trends in user actions (e.g. Heat mapping data is crucial for UX design decisions and gaining an understanding of how users are interacting with your website.
