Granted Patent B2

US 12,314,538 · App. 18/384,656 · Granted May 27, 2025

Inventors: Clint Calleja (Paris, FR); Jacob Holloway (Barcelona, ES); Luke Camilleri (Paris, FR); Stephanie Mifsud (Paris, FR); Erik Näslund (Paris, FR); Katerina Asimoglou (Ptolemaida, GR); Abdulrahman Assabri (Cairo, EG); Adam Mortka (Paris, FR); David Berliner (Cape Town, ZA)

Assignee: Hotjar Ltd

G06F3/0483G06F3/04842G06F9/451G06T11/206G06F2203/04804G06T2200/24G06T2210/62

Abstract

Claims (69)

1. A computer implemented method comprising:

generating a special link to a first target web page, wherein the special link specifies one or more URL query parameters;

responsive to receiving a request from a client computer of a user that invokes the special link, communicating the first target web page to a web browser application at the client computer, wherein a URL used to request the first target web page includes the one or more URL query parameters;

wherein a client-side script executing at the web browser application of the client computer of the user obtains the one or more URL query parameters and, in response, communicates a request to a server for previously obtained click data associated with the first target web page, the request including the one or more URL query parameters;

receiving the previously obtained click data associated with the first target web page at the client computer of the user;

generating, by the client-side script executing at the web browser application of the client computer of the user, a semi-transparent click heatmap overlay for the first target web page based on the received previously obtained click data; and

presenting the first target web page at the web browser application with the semi-transparent click heatmap overlay.

2. The computer implemented method of claim 1 , wherein the client-side script executing at the web browser application detects a user selection of a web page element presented in the first target web page that causes a second target web page to be displayed at the web browser application, and wherein the client-side script, in response, communicates a request to the server for previously obtained click data associated with the second target web page.

3. The computer implemented method of claim 1 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

detecting an interaction with a first element of the first target web page that causes a second element of the first target web page to become visible and a third element of the first target web page to become invisible; and

automatically updating the presentation of the semi-transparent heatmap by generating an updated semi-transparent heatmap with a heatmap blob positioned over the second element and excluding a heatmap blob over the third element.

4. The computer implemented method of claim 3 , wherein the first element of the first target web page and the second element of the first target web page are interactive web page elements associated with one of:

an expandable or drop-down menu;

a modal;

a pop-up window;

a content carousel; or

a slideshow presentation.

5. The computer implemented method of claim 1 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

presenting with the first target web page a filtering widget via which a time period can be specified, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the filtering widget.

6. The computer implemented method of claim 1 , wherein the client-side script, when processed by the web browser application, causes the web browser application to perform operations comprising:

presenting with the first web page a first filtering widget via which a time period can be selected, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the first filtering widget.

7. The computer implemented method of claim 1 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

responsive to detecting an input, presenting a web page element in proximity to a heat blob of the semi-transparent heatmap, the web page element presenting raw click data from which the heatmap blob was generated.

8. A system comprising:

one or more processors for executing instructions; and

one or more memory storage devices storing instructions thereon, which, when executed by the one or more processors, causes the system to perform operations comprising:

generating a special link to a first target web page, wherein the special link specifies one or more URL query parameters;

responsive to receiving a request from a client computer of a user that invokes the special link, communicating the first target web page to a web browser application at the client computer of the user, wherein a URL used to request the first target web page includes the one or more URL query parameters;

wherein a client-side script executing at the web browser application of the client computer of the user obtains the one or more URL query parameters and, in response, communicates a request to a server for previously obtained click data associated with the first target web page, the request including the one or more URL query parameters;

receiving the previously obtained click data associated with the first target web page at the client computer of the user;

generating, by the client-side script executing at the web browser application of the client computer of the user, a semi-transparent click heatmap overlay for the first target web page based on the received previously obtained click data; and

presenting the first target web page at the web browser application with the semi-transparent click heatmap overlay.

9. The system of claim 8 , wherein the client-side script executing at the web browser application detects a user selection of a web page element presented in the first target web page that causes a second target web page to be displayed at the web browser application, and wherein the client-side script, in response, communicates a request to the server for previously obtained click data associated with the second target web page.

10. The system of claim 8 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

detecting an interaction with a first element of the first target web page that causes a second element of the first target web page to become visible and a third element of the first target web page to become invisible; and

automatically updating the presentation of the semi-transparent heatmap by generating an updated semi-transparent heatmap with a heatmap blob positioned over the second element and excluding a heatmap blob over the third element.

11. The system of claim 10 , wherein the first element of the first target web page and the second element of the first target web page are interactive web page elements associated with one of:

an expandable or drop-down menu;

a modal;

a pop-up window;

a content carousel; or

a slideshow presentation.

12. The system of claim 8 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

presenting with the first target web page a filtering widget via which a time period can be specified, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the filtering widget.

13. The system of claim 8 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

presenting with the first target web page a filtering widget via which a time period can be selected, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the filtering widget.

14. The system of claim 8 , wherein the client-side script, when executed at the web browser application, performs operations comprising:

responsive to detecting an input, presenting a web page element in proximity to a heat blob of the semi-transparent heatmap, the web page element presenting raw click data from which the heatmap blob was generated.

15. A system comprising:

means for generating a special link to a first target web page, wherein the special link specifies one or more URL query parameters;

means for communicating the first target web page to a web browser application, responsive to receiving a request that invokes the special link, wherein a URL used to request the first target web page includes the one or more URL query parameters;

means for obtaining, by a client-side script executing at the web browser application, the one or more URL query parameters and, in response, communicating a request to a server for previously obtained click data associated with the first target web page, the request including the one or more URL query parameters;

means for receiving the previously obtained click data associated with the first target web page;

means for generating, using a client-side script executing at the web browser application, a semi-transparent click heatmap overlay for the first target web page based on the received previously obtained click data; and

means for presenting the first target web page at the web browser application with the semi-transparent click heatmap overlay.

16. The system of claim 15 , wherein the client-side script executing at the web browser application detects a user selection of a web page element presented in the first target web page that causes a second target web page to be displayed at the web browser application, and wherein the client-side script, in response, communicates a request to the server for previously obtained click data associated with the second target web page.

17. The system of claim 15 , further comprising:

means for detecting an interaction with a first element of the first target web page that causes a second element of the first target web page to become visible and a third element of the first target web page to become invisible; and

means for automatically updating the presentation of the semi-transparent heatmap by generating an updated semi-transparent heatmap with a heatmap blob positioned over the second element and excluding a heatmap blob over the third element.

18. The system of claim 17 , wherein the first element of the first target web page and the second element of the first target web page are interactive web page elements associated with one of:

an expandable or drop-down menu;

a modal;

a pop-up window;

a content carousel; or

a slideshow presentation.

19. The system of claim 15 , further comprising:

means for presenting with the first target web page a filtering widget via which a time period can be specified, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the filtering widget.

20. The system of claim 15 , further comprising:

means for presenting with the first target web page a filtering widget via which a time period can be selected, wherein generating the semi-transparent click heatmap includes generating the semi-transparent heatmap with click data obtained during a time period consistent with the time period specified via the filtering widget.

Assignments (3)

Continuity (2)

References Cited (14)