Systems and methods for capturing and reporting metrics regarding user engagement including a canvas model
View Patent ↗Systems and methods for capturing user engagements with Ad content included in a webpage. An example method renders a webpage having an Ad unit within a browser on a display of a user's computer. Then, a cursor event for an Ad unit included in the rendered webpage is recorded based on cursor position relative to an area on the webpage associated with the Ad unit and the recorded cursor event is transmitted to a server via a network for reporting to interested parties. The cursor event includes an initial cursor entry event, any click actions or any hover actions, and all related timings of such events. The recordation of a cursor event is further based on location information associated with the browser within the display, the webpage within the browser and the ad area within the webpage.
1. A method for capturing user engagements with Ad content included in a webpage, the method comprising:
at a computer having a display and coupled to a network:
retrieving the webpage and code corresponding to a canvas model ad container that is independent from a third-party ad unit and requires no prior integration with the third-party ad unit;
replacing at least one ad container code in the webpage with the code corresponding to the canvas model ad container, wherein the at least one ad container code comprises an ad height macro and an ad width macro;
loading a third-party ad unit into the canvas model ad container at the time the entirety of the third-party ad unit is loaded by a browser and passing a runtime value referencing a URL of the third-party ad unit as a parameter to the canvas model ad container and setting a height and a width of the canvas model ad container based on the ad height macro and the ad width macro by passing the ad height macro and the ad width macro as attributes into the code corresponding to the canvas model ad container;
defining a canvas model area within the webpage on the display corresponding to the height and the width of the canvas model ad container;
rendering the third-party ad unit in the webpage and identifying the canvas model area corresponding to the third-party ad unit;
comparing coordinates of a cursor event, corresponding to the third-party ad unit, to the canvas model area;
recording the coordinates of the cursor event; and
transmitting the cursor event to a server via the network.
2. The method of claim 1 , wherein the cursor event comprises an initial cursor entry event based on a first entry of the cursor into the canvas model area since the webpage was rendered.
3. The method of claim 2 , wherein the initial cursor entry event is recorded only if the cursor was located in the canvas model area for greater than a first threshold of time.
4. The method of claim 1 , wherein the cursor event comprises an amount of time the cursor was located in the canvas model area.
5. The method of claim 1 , further comprising capturing any click events associated with the cursor while the cursor was located in the canvas model area and associated time values.
6. The method of claim 1 , further comprising capturing a hover event and associated time values based on lack of movement of the cursor within the canvas model area for a predefined threshold of time.
7. The method of claim 1 , wherein capturing is further based on location information associated with the browser within the display, the webpage within the browser and the canvas model area within the webpage.
8. A computer device for capturing user engagements with Ad content included in a webpage, the computer device comprising:
a display; and
a processor coupled to the display and a network, wherein the processor performs a method comprising:
retrieving the webpage and code corresponding to a canvas model ad container that is independent from a third-party ad unit and requires no prior integration with the third-party ad unit;
replacing at least one ad container code in the webpage with the code corresponding to the canvas model ad container, wherein the at least one ad container code comprises an ad height macro and an ad width macro;
loading a third-party ad unit into the canvas model ad container at the time the entirety of the third-party ad unit is loaded by a browser and passing a runtime value referencing a URL of the third-party ad unit as a parameter to the canvas model ad container and setting a height and a width of the canvas model ad container based on the ad height macro and the ad width macro by passing the ad height macro and the ad width macro as attributes into the code corresponding to the canvas model ad container;
defining a canvas model area within the webpage on the display corresponding to the height and the width of the canvas model ad container;
rendering the third-party ad unit in the webpage and identifying the canvas model area corresponding to the third-party ad unit;
comparing coordinates of a cursor event, corresponding to the third-party ad unit, to the canvas model area;
recording the coordinates of the cursor event; and
transmitting the cursor event to a server via the network.
9. The device of claim 8 , wherein the cursor event comprises an initial cursor entry event based on a first entry of the cursor into the canvas model area since the webpage was rendered.
10. The device of claim 9 , wherein the method further comprises recording the initial cursor entry event only if the cursor was located in the canvas model area for greater than a first threshold of time.
11. The device of claim 8 , wherein the cursor event comprises an amount of time the cursor was located in the canvas model area.
12. The device of claim 8 , wherein the method further comprises capturing any click events associated with the cursor while the cursor was located in the canvas model area and associated time values.
13. The device of claim 8 , wherein the method further comprises capturing a hover event and associated time values based on lack of movement of the cursor within the canvas model area for a predefined threshold of time.
14. The device of claim 8 , wherein the method further comprises capturing the cursor event based on location information associated with the browser within the display, the webpage within the browser and the canvas model area within the webpage.
15. A non-transitory computer-readable storage medium comprising instructions that cause one or more processors to perform a method comprising:
at a computer having a display and coupled to a network:
retrieving the webpage and code corresponding to a canvas model ad container that is independent from a third-party ad unit and requires no prior integration with the third-party ad unit;
replacing at least one ad container code in the webpage with the code corresponding to the canvas model ad container, wherein the at least one ad container code comprises an ad height macro and an ad width macro;
loading a third-party ad unit into the canvas model ad container at the time the entirety of the third-party ad unit is loaded by a browser and passing a runtime value referencing a URL of the third-party ad unit as a parameter to the canvas model ad container and setting a height and a width of the canvas model ad container based on the ad height macro and the ad width macro by passing the ad height macro and the ad width macro as attributes into the code corresponding to the canvas model ad container;
defining a canvas model area within the webpage on the display corresponding to the height and the width of the canvas model ad container;
rendering the third-party ad unit in the webpage and identifying the canvas model area corresponding to the third-party ad unit;
comparing coordinates of a cursor event, corresponding to the third-party ad unit, to the canvas model area;
recording the coordinates of the cursor event; and
transmitting the cursor event to a server via the network.
16. The non-transitory computer-readable storage medium of claim 15 , wherein the cursor event comprises an initial cursor entry event based on a first entry of the cursor into the canvas model area since the webpage was rendered.
17. The non-transitory computer-readable storage medium of claim 16 , wherein the initial cursor entry event is recorded only if the cursor was located in the canvas model area for greater than a first threshold of time.
18. The non-transitory computer-readable storage medium of claim 15 , wherein the cursor event comprises an amount of time the cursor was located in the canvas model area.
19. The non-transitory computer-readable storage medium of claim 15 , wherein the method further comprises:
capturing any click events associated with the cursor while the cursor was located in the canvas model area and associated time values; and
capturing a hover event and associated time values based on lack of movement of the cursor within the canvas model area for a predefined threshold of time.
20. The non-transitory computer-readable storage medium of claim 15 , wherein capturing is further based on location information associated with the browser within the display, the webpage within the browser and the canvas model area within the webpage.