Prerequisites
The.com Basics
Intro
Adding a script for heat mapping from Hotjar is easy. After signing up for Hotjar you will be given a tracking code similar to this one:
<!-- Hotjar Tracking Code for www.example.com --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1901999,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script>
Copy the contents of the script tag:
(function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1901999,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
Next, navigate to the head of your page and
-
Create a new Script Element.
-
Paste the code in the Text attribute.

That's it. Click Deploy Page to start tracking right away!
Comments
0 comments
Please sign in to leave a comment.