How To Use Hotjar Heatmaps And Recordings To Understand Your Site Visitors

©2016 www.malougumana.com

How To Use HOTJAR

1

Your Complete Analytical Tools Heatmaps & Recordings

http://www.malougumana.com


Warning: Before you go

on this tutorial..

2



Refer to this: http://malougumana.com/

tutorials/how-to-install-hotjar/

3



To create Hotjar

account..4



And install Hotjar in

Wordpress.5



I assume you're done with those

pre-requisites.6



Let's move on…

7



Open your browser

8



Type Hotjar URL on the address bar

9



Press Enter on your keyboard

10



This webpage opens

11



Click SIGN IN

12



Fill this out

13



Type your registered email address

14



Type your password

15



Click Sign In

16



This is Site Dashboard

17



Let's see how Hotjar

works...18



Go to your Wordpress Dashboard

19



In wordpress, click Pages

20



Click Add New

21



Click here

22



Type a Page Name

23



Put page contents here

24



Type the contents

25



Click Publish

26



Copy this permalink (the page URL)

27



Highlight it

28



Right click on your mouse

29



And click Copy Link Address

30



Click View Page to see it LIVE

31



This is it!

32



This is also the same permalink we just copied

33



Open a note pad

34



And paste the link there

35



To save it for

later use.36



How To Use Hotjar

HEATMAP37



In Hotjar Dashboard, click Heatmaps

38



Click New Heatmap

39



Scroll down

40



Click here

41



Type NAME for heatmap

42



Click here

43



Select here how you will connect your webpage

44



Click Exact match

45



We need the webpage link here

46



Go to your note pad

47



Copy-paste the link here

48



Click Advanced options

49



Put nothing here

50



We don't want to exclude elements

51



Click here

52



Paste here the webpage link from the notepad

(see slide 47)

53



Tick this

54



Click Create Heatmap

55



There's the heatmap we just created

56


Let's now visit the webpage


In your browser, Add New Tab

58



Copy-Paste the webpage URL here from your notepad

59



Just scroll, move your mouse around the page

60



Click anywhere on the page

61



We're doing those so that the heatmap

62



Will record our

"actions"63



Go Back to Hotjar window

64



On your keyboard or

keypad..65



Press F5 or CMD+R to refresh the

page66



There's the recorded pageview we've just done

67



Click View Heatmap

68



Click this to see "Clicks"

69



These are recorded clicks

70



Use this to gauge what’s “HOT”

71



Or “COLD”

72



See here how many clicks were recorded

73



Click this to see "Moves"

74



Moves shows where the mouse

pointer moves around the page

75



Click this to see "Scrolls"

76



Scrolls will tell you if the visitor

77



Checks until the bottom part of your

website78



This will give you idea

79



where to put important

buttons like the "BUY" button

80



You can also download the heatmap here

81



Heatmaps are important to see where your

visitors click

82



This will tell you what to enhance on

the site83



And what to remove/improve because nobody

pays attention84



How To Use RECORDINGS

85



In Hotjar Dashboard, click Recordings

86



Click Record Visitors

87



Click this to see recording options

88



Select here what you want to be recorded

89



Click Start Recording

90



You can stop recording here

91



Once someone visits the site, the recording will

be here

92



You can see how many pages visited

93



You can apply some filters here

94



Click Play to watch recording

95



This is a screenshot of a recording playing

96



The strokes can be visible also

97



The page visited is shown here

98



You can skip pauses (for example visitor is reading)

99



Recordings can be useful

to see in actual 100



How visitor navigates your site

101



This gives you idea

102



What's on the web that attracts him

103



You've just seen the power of

HOTJAR Heatmaps

104



and Recordings to understand your visitors

105



Use it to your advantage.

106


©2016 www.malougumana.com 107

The aim of marketing is to know and understand the

customer so well the product or service

fits him and sells itself.Peter Drucker


Documents

How To Use Hotjar Heatmaps And Recordings To Understand Your Site Visitors