Method and apparatus for using proxies to interact with webpage analytics

• US 10,521,486 B2
• Filed: 02/28/2018
• Issued: 12/31/2019
• Est. Priority Date: 03/31/2009
• Status: Active Grant

• Current Assignee: Acoustic, L.P.
• Original Assignee: Acoustic, L.P.
• Inventors: Cordasco, Matthew
• Primary Examiner(s): Huynh, Thu V
• Assistant Examiner(s): Blackwell, James H.
• Application Number:
  US15/907,651
• Publication Number:
  US 20180189414A1
• Time in Patent Office: 671 Days
• CPC Class Codes: G06F 11/3438 monitoring of user actions tracking the activity of the user H04L67/535
• CPC Class Codes: G06F 16/9574 of access to content, e.g. by caching
• CPC Class Codes: G06F 16/972 Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
• CPC Class Codes: G06F 16/986 Document structures and storage, e.g. HTML extensions
• CPC Class Codes: G06F 2201/86 Event-based monitoring
• CPC Class Codes: G06F 2201/88 Monitoring involving counting

Abstract

An overlay may be displayed over a webpage for displaying different analytics, such as displayed with heatmaps. The webpage is parsed to identify webpage objects. Proxy objects are generated for the identified webpage objects and displayed on Z-index layers above the overlay. The proxy objects are configured to detect and react to events on behalf of associated webpage objects. A mobile device proxy server may send mobile device requests on behalf of a desktop computing device and modify received webpages so the desktop computing device renders the webpages in substantially a same manner as a mobile device.

Claims

1. A non-transitory computer readable medium having program instructions embodied therewith, the program instructions executable by at least one processor to cause the at least one processor to:

identify webpage objects within a webpage, the webpage objects configured to detect events associated with the webpage objects and initiate predetermined actions associated with the webpage objects in response to detecting the events, the webpage residing on a first layer of a stack order for displaying elements;

generate proxy objects associated with the webpage objects;

display an overlay over the webpage providing information pertaining to one or more of the webpage objects, the overlay residing on a second different layer of the stack order; and

display the proxy objects over the overlay on a plurality of third different layers of the stack order with overlapping ones of the proxy objects being displayed on the third layers having different levels in the stack order based on a size of the associated webpage objects, the overlay of the second layer residing between the webpage of the first layer and the proxy objects of the plurality of third layers and preventing the webpage objects from detecting the events, and the proxy objects configured to detect the events on the plurality of third layers associated with the webpage objects of the first layer and provide the predetermined actions associated with the webpage objects of the first layer in response to detecting the events on the plurality of third layers.

2. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

identify locations of the webpage objects; and

locate the proxy objects over the locations of the associated webpage objects.

3. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

identify sizes of the webpage objects; and

generate the proxy objects to be substantially the sizes of the associated webpage objects.

4. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

display the overlay at a Z-index level above the webpage; and

display the proxy objects at Z-index levels above the Z-index level of the overlay.

5. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

generate a list of the webpage objects in an order according to size; and

generate the proxy objects on Z-index levels according to the order of the webpage objects in the list.

6. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

identify Hyper Text Markup Language (HTML) tags for the webpage objects; and

generate the proxy objects based on the HTML tags.

7. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

display a heatmap within the overlay over the webpage; and

display the proxy objects over the heatmap.

8. The non-transitory computer readable medium of claim 7, wherein the program instructions further cause the at least one processor to:

update the heatmap to include the events associated with the webpage objects detected by the proxy objects.

9. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

identify a first one of the webpage objects overlapping a second one of the webpage objects;

identify a first size of the first one of the webpage objects; and

generate one of the proxy objects associated with the first one of the webpage objects at a second size smaller than the first size.

10. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

detect an event with a first one of the proxy objects overlapping a second one of the proxy objects;

respond to the event with the first one of the proxy objects when the event is detected for a first time duration; and

send the event to the second one of the proxy objects when the event is detected for a second longer time duration.

11. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

detect a particular modification applied to an identified one of the proxy objects; and

apply the particular modification to one of the webpage objects associated with the identified one of the proxy objects.

12. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

receive a request from a desktop computing device for the webpage, wherein the webpage is configured for displaying on a mobile device;

send a mobile device request on behalf of the desktop computing device for the webpage;

receive back the webpage;

modify the webpage to render on the desktop computing device in substantially a same manner as on the mobile device; and

send the modified webpage to the desktop computing device for rendering by the desktop computing device.

13. The non-transitory computer readable medium of claim 12, wherein modifying the webpage comprises specifying a maximum width and maximum height for display of the webpage on the desktop computing device corresponding to a width and height of a screen on the mobile device.

14. The non-transitory computer readable medium of claim 1, wherein the program instructions further cause the at least one processor to:

render an image of the webpage on a server; and

send a list of the webpage objects and the image of the webpage to a client for generating the proxy objects.

15. A non-transitory computer readable medium having program instructions embodied therewith, the program instructions executable by at least one processor to cause the at least one processor to:

identify webpage elements for a webpage, the webpage elements configured to initiate actions associated with the webpage elements in response to detecting operator interaction with the webpage elements, the webpage residing on a first layer of a stack order for displaying objects;

generate proxy objects associated with the webpage elements;

display an overlay object over the webpage providing information pertaining to one or more of the webpage elements, the overlay object residing on a second different layer of the stack order; and

display the proxy objects over the overlay object on a plurality of third different layers of the stack order with overlapping ones of the proxy objects being displayed on the third layers having different levels in the stack order based on a size of the associated webpage elements, the overlay object of the second layer residing between the webpage of the first layer and the proxy objects of the plurality of third layers and preventing the webpage elements from detecting the operator interaction with the webpage elements, and the proxy objects configured to provide the actions associated with the webpage elements of the first layer in response to detecting operator interaction with the proxy objects on the plurality of third layers.

16. The non-transitory computer readable medium of claim 15, wherein the program instructions further cause the at least one processor to:

display the overlay object so the webpage can be viewed through the overlay object; and

display the proxy objects above the overlay object and in alignment with the associated webpage elements.

17. The non-transitory computer readable medium of claim 15, wherein the proxy objects comprise outlines that surround outside edges of the associated webpage elements.

18. The non-transitory computer readable medium of claim 15, wherein the actions comprise displaying analytics for the associated webpage elements.

19. The non-transitory computer readable medium of claim 18, wherein the program instructions further cause the at least one processor to:

update the analytics for the associated webpage elements based on the proxy objects initiating the actions associated with the webpage elements.

20. The non-transitory computer readable medium of claim 15, wherein the program instructions further cause the at least one processor to:

hide the webpage elements on the webpage;

display images of the webpage elements as the proxy objects;

detect changes in the proxy objects; and

modify the webpage elements to reflect the changes in the proxy objects.

21. The non-transitory computer readable medium of claim 15, wherein the program instructions further cause a server to:

render an image of the webpage;

generate a list of the webpage elements; and

send the image of the webpage and the list of the webpage elements to a client.

22. A non-transitory computer readable medium having program instructions embodied therewith, the program instructions executable by at least one processor to cause the at least one processor to:

receive a request from a desktop computing device for an electronic page;

send a mobile device request for the electronic page to a website;

receive back the electronic page, the electronic page configured to be rendered by a mobile device;

modify the electronic page to render on the desktop computing device in substantially a same manner as on the mobile device;

parse a Document Object Model (DOM) for the modified electronic page for page elements, the page elements configured to detect events associated with the page elements and initiate predetermined actions associated with the page elements in response to detecting the events;

modify the electronic page to include an overlay over the electronic page when rendered by the desktop computing device, the electronic page residing on a first layer of a stack order for displaying objects, and the overlay providing information pertaining to one or more of the page elements and residing on a second different layer of the stack order;

modify the electronic page to include proxy objects displayed over the overlay on a plurality of third different layers of the stack order when rendered by the desktop computing device, wherein overlapping ones of the proxy objects are displayed on the third layers having different levels in the stack order based on a size of associated page elements, the overlay of the second layer residing between the electronic page of the first layer and the proxy objects of the plurality of third layers and preventing the page elements from detecting the events, and wherein the proxy objects are configured to detect the events associated with the page elements of the first layer and provide the predetermined actions associated with the page elements of the first layer in response to detecting the events on the plurality of third layers; and

send the modified electronic page to the desktop computing device for rendering by the desktop computing device.

23. The non-transitory computer readable medium of claim 22, wherein the electronic page is modified by specifying a maximum display width and a maximum display height for display of the electronic page on the desktop computing device, the maximum display width and the maximum display height corresponding to a width and height of a screen on the mobile device.

24. The non-transitory computer readable medium of claim 22, wherein the overlay comprises a heatmap providing analytics for the electronic page, the heatmap preventing the page elements from detecting the events.