System and method for serving interactive advertising content with responsive animations

Patent metadata

Field	Value
Publication number	US-12190044-B2
Application number	US-202318213725-A
Country	US
Kind code	B2
Filing date	Jun 23, 2023
Priority date	Oct 25, 2014
Publication date	Jan 7, 2025
Grant date	Jan 7, 2025

Abstract

One variation of a method for serving interactive advertisement content includes, at a visual element rendered within a window of a computing device: loading an interactive advertisement, including a digital advertisement and a mask overlaid the digital advertisement, into the visual element, the mask including a base layer and an aperture defining a second opacity less than a first opacity of the base layer; in response to a scroll event that moves the visual element a first position within the window, rendering the interactive advertisement within the visual element; and, in response to a scroll event that moves the visual element to a second position within the window, transforming the mask according to a sequence of transformations at a rate proportional to a scroll rate of the scroll event, the sequence of transformations corresponding to a sequence of vertical positions of the visual element within the window.

First claim

We claim:

1. A method comprising, at an image player inserted within an electronic document rendered within a window of a computing device:
loading an interactive digital media into the image player, the interactive digital media comprising:
a digital media comprising visual media content distinct from the electronic document; and
a mask configured to obscure the digital media and comprising:
an aperture:
defining an outline associated with the digital media; and
configured to reveal a proportion of the digital media linked to a vertical position of the image player within the window;

in response to a first event that locates the image player at a first vertical position within the window, rendering the digital media within the image player and rendering the mask over the digital media to reveal a first proportion of the digital media;
in response to a first scroll-down event that moves the image player from the first vertical position toward a second vertical position above the first vertical position within the window at a scroll rate,
transforming the aperture at a rate corresponding to the scroll rate to reveal an increasing proportion of the digital media.

2. The method of claim 1 , wherein loading the interactive digital media comprising the mask comprises loading the interactive digital media comprising the mask comprising the aperture defining the outline of an icon associated with the digital media.

3. The method of claim 1 , wherein transforming the aperture to reveal the increasing proportion of the digital media comprises:
expanding the aperture within the mask to reveal a sequence of regions of the digital media, each subsequent region, in the sequence of regions, spanning a greater proportion of the digital media than each preceding region in the sequence of regions.

4. The method of claim 1 , further comprising, in response to a first scroll-up event that moves the image player toward a third vertical position below the second vertical position within the window, transforming the aperture to obscure a decreasing proportion of the digital media.

5. The method of claim 1 :
wherein loading the interactive digital media comprising the interactive digital media comprises loading the interactive digital media comprising a video;
wherein rendering the interactive digital media within the image player comprises:
rendering a first frame of the video within the image player; and
initiating playback of the video within the image player;

wherein rendering the mask over the digital media comprises rendering the mask over frames of the video within the image player; and
wherein transforming the aperture comprises transforming the aperture during playback of the video within the image player.

6. The method of claim 5 , further comprising, in response to rendering a final frame of the video within the image player, rendering a static frame comprising a call-to-action related to the video within the image player.

7. The method of claim 1 , wherein loading the interactive digital media in the image player comprises:
receiving identification of the digital media selected for presentation within the image player;
selecting the mask, from a set of masks, based on characteristics of the digital media;
overlaying the mask over the digital media to generate the interactive digital media; and
inserting the interactive digital media into the image player.

8. The method of claim 1 :
wherein loading the interactive digital media into the image player comprises loading the interactive digital media into the image player, the interactive digital media comprising the mask comprising:
a base layer configured to obscure the digital media and defining a first opacity; and
the aperture defining a second opacity less than the first opacity; and

wherein transforming the aperture to reveal the increasing proportion of the digital media comprises reducing the first opacity of the base layer at a first rate proportional the scroll rate of the first scroll-down event, the base layer defining a third opacity less than the second opacity at the second vertical position.

9. The method of claim 1 , further comprising, characterizing engagement of the user with the interactive digital media based on a quantity of scroll events over the interactive digital media while the image player is rendered within the window.

10. A method comprising, at an image player inserted within an electronic document rendered within a window of a computing device:
loading an interactive digital media into the image player, the interactive digital media comprising:
a video comprising content distinct from the electronic document; and
a mask comprising:
a base layer configured to obscure the video; and
a set of apertures:
configured to reveal regions of the video; and
defining an outline associated with the video;

in response to an initial scroll event that moves the image player to a first position within the window:
rendering the video within the image player; and
rendering the mask over the video, the set of apertures revealing a first region of the video; and

in response to a first scroll event that moves the image player over a sequence of positions within the window at a first scroll rate, expanding the set of apertures at a first rate corresponding to the first scroll rate to reveal a sequence of regions of the video corresponding to the sequence of positions of the image player.

11. The method of claim 10 :
wherein rendering the mask over the video comprises rendering the mask over the video, the mask defining a first set of locations of the set of apertures over the video; and
wherein expanding the set of apertures further comprises relocating the set of apertures from the first set of locations over a sequence of locations over the video, the sequence of locations corresponding to the sequence of positions of the interactive digital media within the window.

12. The method of claim 10 , further comprising:
characterizing engagement of a user, accessing the computing device, with the interactive digital media based on a quantity of scroll events over the interactive digital media while the image player is rendered within the window; and
characterizing engagement of the user with the interactive digital media based on a proportion of the video viewed by the user during playback of the video.

13. A method comprising, at an image player inserted within an electronic document rendered within a window of a computing device accessed by a user:
loading an interactive digital media into the image player, the interactive digital media comprising:
a digital media comprising content distinct from content of the electronic document; and
a mask:
configured to obscure regions of the digital media; and
defining a set of apertures:
defining an outline associated with the digital media; and
configured to reveal regions of the digital media;

in response to an initial event that locates the image player at a first vertical position within the window, rendering the digital media within the image player and rendering the mask over the digital media to reveal a first proportion of the digital media; and
in response to a first scroll-down event moving the image player from the first vertical position toward a second vertical position above the first vertical position within the window at a scroll rate, transforming the mask at a rate corresponding to the scroll rate to obscure a decreasing proportion of the digital media.

14. The method of claim 13 :
wherein loading the interactive digital media comprising the digital me

Assignees

• Yieldmo Inc

Inventors

• Mcclendon Terry
• Sebag David

Classifications

• H04N21/44204

  Monitoring of content usage, e.g. the number of times a movie has been viewed, copied or the amount which has been watched (monitoring of user activities for profile generation for accessing a video database G06F16/739; protecting generic digital content where the protection is independent of the precise nature of the content G06F21/10; arrangements for monitoring the use made of the broadcast services in broadcast systems H04H60/31) · CPC title

• H04N21/4333

  Processing operations in response to a pause request · CPC title

• G11B27/3081

  used signal is a video-frame or a video-field (P.I.P) · CPC title

• G11B27/11

  by using information not detectable on the record carrier · CPC title

• G11B27/102

  Programmed access in sequence to addressed parts of tracks of operating record carriers (access by moving the head G11B3/08, G11B5/54, G11B7/085, G11B21/022; by moving the record carrier G11B15/005, G11B17/005, by driving of both record carrier and head G11B15/1816) · CPC title