Method and apparatus for using proxy objects on webpage overlays to provide alternative webpage actions

• US 9,934,320 B2
• Filed: 10/02/2012
• Issued: 04/03/2018
• Est. Priority Date: 03/31/2009
• Status: Expired due to Fees

• Current Assignee: Acoustic, L.P.
• Original Assignee: International Business Machines Corporation
• Inventors: Cordasco, Matthew
• Primary Examiner(s): Paula, Cesar
• Assistant Examiner(s): Kulikowski, Konrad
• Application Number:
  US13/633,442
• Publication Number:
  US 20130091417A1
• Time in Patent Office: 2,009 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 method, comprising:

identifying 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;

generating proxy objects associated with the webpage objects;

displaying 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

displaying 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 method of claim 1, further comprising:

identifying locations of the webpage objects; and

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

3. The method of claim 1, further comprising:

identifying sizes of the webpage objects; and

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

4. The method of claim 1, further comprising:

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

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

5. The method of claim 1, further comprising:

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

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

6. The method of claim 1, further comprising:

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

generating the proxy objects based on the HTML tags.

7. The method of claim 1, further comprising:

displaying a heatmap within the overlay over the webpage; and

displaying the proxy objects over the heatmap.

8. The method of claim 1, further comprising:

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

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

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

9. The method of claim 1, further comprising:

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

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

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

10. The method of claim 1, further comprising:

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

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

11. The method of claim 1, further comprising:

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

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

receiving back the webpage;

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

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

12. The method of claim 11, 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.

13. The method of claim 1, further comprising:

rendering an image of the webpage on a server; and

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

22. The method of claim 7, further comprising updating the heatmap to include the events associated with the webpage objects detected by the proxy objects.

14. An apparatus, comprising:

a memory configured to store a webpage;

logic circuitry configured to;

identify webpage elements for the 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.

15. The apparatus of claim 14, wherein the logic circuitry is further configured 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.

16. The apparatus of claim 14, wherein the proxy objects comprise outlines that surround outside edges of the associated webpage elements.

17. The apparatus of claim 14, wherein the actions comprise displaying analytics for the associated webpage elements.

18. The apparatus of claim 14, wherein the logic circuitry is further configured 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.

19. The apparatus of claim 14, further comprising:

a server configured 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 operating on the logic circuitry.

23. The apparatus of claim 17, wherein the logic circuitry is further configured to update the analytics for the associated webpage elements based on the proxy objects initiating the actions associated with the webpage elements.

20. An apparatus, comprising:

logic circuitry configured 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.

21. The apparatus of claim 20, 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 apparatus of claim 20, wherein the overlay comprises a heatmap providing analytics for the electronic page, the heatmap preventing the page elements from detecting the events.