IP Library Granted Patent US 11,244,103
Granted Patent B2
US 11,244,103 · App. 17/349,706 · Granted Feb 8, 2022

System and method for serving interactive advertising content with responsive animations

Inventors: Terry McClendon (New York, NY); David Sebag (New York, NY)
Assignee: Yieldmo, Inc.
G06F40/143G06F3/0485G06F3/0488G06F3/04812G06F40/106G06Q30/02G11B27/005G11B27/031G11B27/036G11B27/102G11B27/11G11B27/3081H04N21/431H04N21/4333H04N21/44204H04N21/47217H04N21/482H04N21/812H04L67/02
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 11,244,103
App. No.
17/349,706
Granted
Feb 8, 2022
Kind
B2
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.

Claims (78)

1. A method comprising, at a visual element inserted within an electronic document rendered within a window of a computing device accessed by a user:

loading an interactive visual advertisement into the visual element, the interactive visual advertisement comprising:

a digital advertisement comprising advertising content distinct from the electronic document; and

a mask:

comprising a base layer defining a first opacity;

comprising an aperture:

defining a second opacity less than the first opacity;

defining a silhouette of an icon affiliated with the digital advertisement; and

configured to reveal a proportion of the digital advertisement linked to a vertical position of the digital advertisement within the window; and

defining a sequence of transformations;

in response to an initial scroll event, entered by the user at the computing device, that moves the visual element from an initial position outside the window to a first vertical position within the window:

rendering the digital advertisement within the visual element; and

rendering the mask over the digital advertisement, the aperture revealing a first proportion of the digital advertisement; and

in response to a first scroll-down event that moves the visual element over a sequence of vertical positions within the window toward a second vertical position above the first vertical position within the window, transforming the aperture within the mask according to the sequence of transformations, at a first rate proportional to a first scroll rate of the first scroll-down event, to reveal an increasing proportion of the digital advertisement corresponding to the sequence of vertical positions of the visual element within the window.

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

3. The method of claim 1 :

wherein loading the interactive visual advertisement comprising the digital advertisement comprises loading the interactive visual advertisement comprising the digital advertisement comprising a video advertisement;

wherein rendering the digital advertisement within the visual element comprises:

rendering a first frame of the video advertisement within the visual element; and

initiating playback of the video advertisement within the visual element; and

wherein rendering the mask over the digital advertisement comprises rendering the mask over frames of the video advertisement within the visual element; and

wherein transforming the mask according to the sequence of transformations comprises, during playback of the video advertisement within the visual element, transforming the mask according to the sequence of transformations.

4. The method of claim 3 , further comprising, in response to rendering a final frame of the video advertisement within the visual element, rendering a static frame comprising advertising content related to the video advertisement within the visual element.

5. The method of claim 3 , further comprising, during playback of the video advertisement, in response to a first scroll-up event that moves the visual element over a second sequence of vertical positions toward a third vertical position below the second vertical position within the window, transforming the aperture within the mask according to a second sequence of transformations, at a second rate proportional to a second scroll rate of the first scroll-up event, to reveal a decreasing proportion of the digital advertisement corresponding to the second sequence of vertical positions.

6. The method of claim 1 , further comprising, in response to a second scroll-down event that moves the visual element to a third vertical position above the second vertical position within the window, revealing a call-to-action beneath the mask within the visual element.

7. The method of claim 1 , wherein transforming the aperture within the mask according to the sequence of transformations at the first rate proportional the first scroll rate of the first scroll-down event comprises reducing an opacity of the base layer at the first rate proportional the first scroll rate of the first scroll-down event, the base layer defining a third opacity less than the second opacity at the second position.

8. The method of claim 1 , wherein loading the digital advertisement in the visual element comprises, at a remote computer system:

receiving identification of the digital advertisement selected for presentation within the visual element loaded in the electronic document;

accessing a set of characteristics of the digital advertisement;

selecting the mask, from a set of masks, based on the set of characteristics of the digital advertisement;

overlaying the mask over the digital advertisement to generate the interactive visual advertisement; and

inserting the interactive visual advertisement into the visual element.

9. A method comprising:

loading an interactive visual advertisement into the visual element, the interactive visual advertisement comprising:

a digital advertisement comprising advertising content distinct from the electronic document; and

a mask comprising:

a base layer configured to obscure the digital advertisement; and

a set of apertures:

arranged within the base layer;

defining a silhouette of an icon affiliated with the digital advertisement; and

configured to reveal regions of the digital advertisement;

in response to an initial scroll event, entered by the user at the computing device, that moves the visual element from an initial position outside the window to a first vertical position within the window:

rendering the digital advertisement within the visual element; and

rendering the mask over the digital advertisement, the set of apertures revealing a first region of the digital advertisement; and

in response to a first scroll-down event that moves the visual element over a sequence of vertical positions toward a second position above the first position within the window, expanding the set of apertures to reveal a sequence of regions of the digital advertisement corresponding to the sequence of vertical positions, each subsequent region, in the sequence of regions, spanning a greater proportion of the digital advertisement than each preceding region in the sequence of regions.

10. The method of claim 9 , wherein expanding the set of apertures over the digital advertisement comprises expanding the set of apertures at a first rate proportional to a first scroll rate of the first scroll-down event.

11. The method of claim 9 :

wherein rendering the mask over the digital advertisement comprises rendering the mask over the digital advertisement, the mask defining a first set of locations of the set of apertures over the digital advertisement;

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 digital advertisement, corresponding to the sequence of vertical positions of the visual element within the window.

12. The method of claim 9 , further comprising, estimating an engagement score for the user interacting with the interactive visual advertisement based on user interactions with the mask.

13. The method of claim 12 , wherein estimating the engagement score for the user interacting with the interactive visual advertisement based on user interactions with the mask comprises characterizing a brand lift score for the user interacting with the interactive visual advertisement based on a quantity of scroll events over the interactive visual advertisement while the visual element is rendered within the window.

14. A method comprising, at a visual element inserted within an electronic document rendered within a window of a computing device accessed by a user:

loading an interactive visual advertisement into the visual element, the interactive visual advertisement comprising:

a digital advertisement comprising advertising content distinct from the electronic document; and

a mask:

comprising a base layer configured to obscure a proportion of the digital advertisement linked to a vertical position of the visual element within the window; and

comprising a set of apertures arranged within the layer and defining a silhouette associated with the digital advertisement;

in response to an initial scroll event, entered by the user at the computing device, that moves the visual element from an initial position outside the window to a first vertical position, within the window:

rendering the digital advertisement within the visual element; and

rendering the mask over the digital advertisement, the mask obscuring a first proportion of the digital advertisement covered by the base layer; and

in response to a first scroll-down event that moves the visual element over a sequence of vertical positions toward a second vertical position above the first vertical position within the window, transforming the mask by animating the set of apertures to obscure a sequence of decreasing proportions of the digital advertisement the sequence of decreasing proportions corresponding to the sequence of vertical positions of the visual element within the window during the first scroll-down event.

15. The method of claim 14 , further comprising, in response to a first scroll-up event that moves the visual element over a second sequence of vertical positions toward a third vertical position below the second vertical position within the window:

transforming the mask to obscure a sequence of increasing proportions of the digital advertisement corresponding to the second sequence of vertical positions of the visual element within the window during the first scroll-up event.

16. The method of claim 14 :

wherein loading the interactive visual advertisement into the visual element, the interactive visual advertisement comprising the digital advertisement and the mask, comprises loading the interactive visual advertisement into the visual element, the interactive visual advertisement comprising the digital advertisement and the mask:

comprising the base layer defining a first opacity; and

comprising the set of apertures defining a second opacity less than the first opacity and configured to cooperate with the base layer to obscure the video advertisement by the particular proportion linked to the vertical position of the visual element within the window; and

wherein transforming the mask by animating the set of apertures to obscure the decreasing proportion of the digital advertisement during the first scroll-down event comprises:

expanding the set of apertures within the base layer to decrease the proportion of the digital advertisement obscured by the base layer at a first rate proportional to a first scroll rate of the first scroll-down event; and

rendering the digital advertisement, covered by the mask, within the visual element during the first scroll-down event.

17. The method of claim 14 , further comprising:

estimating a first engagement score for the user interacting with the interactive visual advertisement based on user interactions with the mask; and

estimating a second engagement score for the user interacting with the interactive visual advertisement based on user interactions with the digital advertisement.

18. The method of claim 17 :

wherein estimating the first engagement score based on user interactions with the mask comprises characterizing a first engagement score for the user interacting with the interactive visual advertisement based on the first scroll-down event; and

wherein estimating the second engagement score based on user interactions with the digital advertisement comprises characterizing a second engagement score for the user interacting with the interactive visual advertisement based on a proportion of the digital advertisement viewed by the user.

19. The method of claim 1 , further comprising, in response to a first scroll-up event that moves the visual element over a second sequence of vertical positions toward a third vertical position below the second vertical position within the window, transforming the aperture within the mask according to the sequence of transformations, at a second rate proportional to a second scroll rate of the first scroll-up event, to reveal a decreasing proportion of the digital advertisement corresponding to the second sequence of vertical positions of the visual element within the window.

20. The method of claim 9 , further comprising, in response to a first scroll-up event that moves the visual element over a second sequence of vertical positions toward a third vertical position below the second vertical position within the window, contracting the set of apertures to reveal a second sequence of regions of the digital advertisement corresponding to the second sequence of vertical positions, each subsequent region, in the second sequence of regions, spanning a lesser proportion of the digital advertisement than each preceding region in the sequence of regions.

Assignments (3)
SECURITY INTEREST Recorded Sep 12, 2023
From: YIELDMO, INC.
To: COMERICA BANK
Reel/Frame 064883/0363 →
SECURITY INTEREST Recorded Sep 2, 2022
From: YIELDMO, INC.
To: COMERICA BANK
Reel/Frame 060985/0050 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Dec 8, 2021
From: MCCLENDON, TERRY; SEBAG, DAVID
To: YIELDMO, INC.
Reel/Frame 058337/0103 →
Continuity (9)
Continuation In Part 17039961 · Sep 30, 2020
Continuation 15937062 · Mar 27, 2018
Continuation 15816833 · Nov 17, 2017
Continuation 15217879 · Jul 22, 2016
Continuation In Part PCTUS2015064460 · Dec 8, 2015
Provisional Application 63040694 · Jun 18, 2020
Provisional Application 62197929 · Jul 28, 2015
Provisional Application 62068646 · Oct 25, 2014
Related Publication 20210312118A1 · Oct 7, 2021
Cited By (1)
US 12,487,739