Mobile Heat Map Analysis

Categories
Guide

To effectively analyze the behavior of your visitors on mobile devices, it’s important to use the developer tools available in browsers. Below are the steps that will help you emulate mobile viewing and analyze various user behavior parameters.

heatmap mobile

Steps for Windows/Linux Users:

  1. Open the report and ensure that the Plerdy menu panel appears on the screen.
  2. Press F12 to open the developer tools (for example, in the Chrome browser).
  3. Activate adaptive design mode by pressing Ctrl + Shift + M.
  4. In the emulation window, select a device model to see how your site looks on different mobile devices.
  5. Select a 100% scale.
  6. Refresh the page by pressing F5 and wait for it to fully load.
  7. Choose the appropriate period and activate the heat map switch.
  8. You can minimize the menu panel to analyze clicks.
  9. Clicks are dynamically displayed on site elements, so select the desired element and wait for 1-2 seconds.

Steps for MacBook Users:

  1. Open the report and ensure that the Plerdy menu panel appears on the screen.
  2. Open the developer tools using Command + Option + I (for example, in the Chrome browser).
  3. Turn on adaptive design mode by pressing Command + Shift + M.
  4. Select the necessary device model in the emulation window.
  5. Select a 100% scale.
  6. Reload the page using Command + R and wait for it to load.
  7. Choose the appropriate period and activate the heat map switch.
  8. You can minimize the menu panel to analyze clicks.
  9. Clicks are dynamically displayed on site elements, so select the desired element and wait for 1-2 seconds.

Remember, regular analysis of user behavior will help you optimize your site to provide a better experience for your visitors.

Was this helpful?

Leave a reply for "Mobile Heat Map Analysis"

Your email address will not be published. Required fields are marked *