METHOD FOR SERVING INTERACTIVE CONTENT TO A USER

• US 20180130097A1
• Filed: 08/15/2017
• Published: 05/10/2018
• Est. Priority Date: 08/15/2016
• Status: Active Grant

• Current Assignee: Yieldmo, Inc.
• Original Assignee: Yieldmo, Inc.
• Inventors: Tran, Jean, Wang, Bo, Goligorsky, David, Sebag, David
• Granted Patent: US 11,042,906 B2
• Time in Patent Office: Days
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06Q 30/0267 Wireless devices

Abstract

A variation of a method for serving interactive content includes: inserting a parent card into a visual element; inserting a set of child cards over the parent card in the visual element, each child card including advertising content related to the parent card; in response to a swipe over the visual element following insertion of the visual element into a document rendered on a display, indexing through the set of child cards rendered over the parent card; in response to selection of a child card, triggering the computing device to open an expanded window over the document; rendering expanded variants of child cards within the expanded window; in response to a swipe over the expanded window, indexing through expanded variants of the set of child cards rendered; and, in response to selection of an expanded variant of a particular child card, triggering the computing device to navigate to an external document associated with the particular child card.

Claims

1. A method for serving interactive content to a user comprising:

inserting a parent card, comprising advertising content, into a visual element;

inserting a set of child cards over the parent card in the visual element, each child card, in the set of child cards, comprising a hero image, advertising content related to the parent card, and a link to a related external document;

in response to a swipe input over the visual element following insertion of the visual element into a document rendered on a display of a computing device, indexing through the set of child cards rendered over the parent card within the visual element;

in response to selection of a child card, in the set of child cards, within the visual element, triggering the computing device to open an expanded window over the document;

rendering expanded variants of child cards in the set of child cards within the expanded window;

in response to a swipe input over the expanded window, indexing through expanded variants of the set of child cards rendered within the expanded window; and

in response to selection of an expanded variant of a particular child card within the expanded window, triggering the computing device to navigate to an external document associated with the particular child card based on a link associated with the particular child card.

2. The method of claim 1:

wherein inserting the parent card into the visual element comprises inserting the parent card comprising content of a first type;

wherein inserting the set of child cards over the parent card comprises inserting the set of child cards comprising content related to the first type; and

further comprising serving the visual element to the computing device for insertion into the document comprising a webpage containing native content of a second type distinct from the first type.

3. The method of claim 1:

wherein inserting the parent card into the visual element comprises inserting, into the visual element, the parent card comprising a hero image embodying content of a microsite;

wherein inserting the set of child cards over the parent card comprises storing the set of child cards in the visual element, each child card in the set of child cards representing an abridged version of a corresponding webpage within the microsite and comprising a body of text, less than a character length, from the corresponding webpage; and

wherein rendering expanded variants of child cards in the set of child cards within the expanded window comprises rendering, in the within the expanded window, bodies of text, greater than the character length, from corresponding webpages.

4. The method of claim 3, further comprising:

serving the visual element to the computing device for insertion between lines of text within the document;

at a first time, in response to a scroll-down event that moves the document upward within the window, relocating the visual element from a first position in the window to a second position above the first position in the window; and

at a second time, in response to a scroll-up event that moves the document downward within the window, relocating the visual element from a third position in the window to a fourth position below the third position in the window.

5. The method of claim 1, wherein indexing through the set of child cards comprises, in response to the swipe input between a first time and a second time, nonparallel to a scroll axis of the window, and over the visual element:

at approximately the first time, rendering a first child card in the set of child cards coincident a central location of the visual element and a portion of a second child card, succeeding the first child card in the set of child cards, adjacent the first child card in a second location; and

at approximately the second time, rendering the second child card coincident the central location and a portion of the first child card adjacent the second child card in a third location opposite the second location.

6. The method of claim 1:

wherein inserting a set of child cards comprises inserting the set of child cards into the visual element according to an order defined by a contiguous narrative, each child card in the set of child cards comprising content related to the contiguous narrative; and

wherein indexing through the set of child cards comprises sequentially rendering child cards in the set of child cards over the parent card according to the order in response to the swipe input.

7. The method of claim 1,

wherein inserting the parent card comprises inserting the parent card defining a first information density tier into the visual element;

wherein inserting the set of child cards over the parent card in the visual element comprises inserting the set of child cards, defining a second information density tier greater than the first information density tier, over the parent card in the visual element;

wherein rendering expanded variants of child cards within the expanded window comprises rendering expanded variants of child cards, defining a third information density tier greater than the second information density tier, within the expanded window;

wherein triggering the computing device to navigate to the external document comprises triggering the computing device to navigate to the external document defining a fourth information density tier; and

further comprising;

classifying an engagement level in the visual element based on a greatest of the first information density tier, the second information density tier, the third information density tier, and the fourth information density tier viewed during an impression; and

serving the engagement level to a remote interaction database.

8. The method of claim 7, wherein classifying the engagement level in the visual element comprises classifying the engagement level based on a number of lateral scroll events that shift child cards horizontally into and out of view within the expanded window.

9. The method of claim 1:

wherein inserting the parent card into the visual element comprises inserting the parent card comprising a hero image and a set of selection areas, each selection area in the set of selection areas linked to a unique location of the hero image;

wherein inserting the set of child cards into the visual element comprises;

linking each child card in the set of child cards to a selection area in the set of selection areas, each child card comprising an image and a link to a related external document; and

in response to detecting selection of a first selection area in the set of selection areas over the parent card, rendering a first child card corresponding to the first selection area over the parent card in the visual element.

10. The method of claim 1:

wherein inserting the parent card into the visual element comprises resizing the parent card to fill one of the height and the width of the visual element;

wherein inserting the set of child cards over the parent card in the visual element comprises inserting the set of child cards over the parent card in the visual element, the height of each child card, in the set of child cards, less than the height of the visual element;

wherein triggering the computing device to open the expanded window over the document comprises triggering the computing device to open the expanded window characterized by a height greater than the height of the visual element; and

wherein triggering the computing device to navigate to the external document associated with the particular child card comprises triggering the computing device to navigate to the external document rendered within the window and sized to fill the height and the width of the window.

11. A method for serving interactive content to a user comprising:

inserting a parent card, comprising advertising content and a set of selection areas, into a visual element;

linking each child card in a set of child cards to a selection area in the set of selection areas, each child card comprising a hero image and a link to a related external document;

following insertion of the visual element into a document rendered on a display of a computing device, in response to detecting selection of a first selection area in the set of selection areas over the parent card, rendering a first child card corresponding to the first selection area over the parent card in the visual element;

in response to selection of a child card, in the set of child cards, within the visual element, triggering the computing device to open an expanded window over the document, the expanded window comprising expanded variants of each child card in the set of child cards; and

in response to selection of an expanded variant of a particular child card, in the set of child cards, within the expanded window, triggering the computing device to navigate to a particular external document associated with the particular child card.

12. The method of claim 11:

wherein inserting the parent card into the visual element comprises inserting the parent card comprising content of a first type into the visual element;

wherein rendering the first child card comprises rendering the first child card in the visual element comprising content related to the first type and depicting a detailed view of an area of the hero image coincident the first selection area; and

further comprising serving the visual element to the computing device for insertion into the document comprising a webpage containing native content of a second type distinct from the first type.

13. The method of claim 11:

wherein inserting the parent card into the visual element comprises inserting the parent card defining a first information density tier into the visual element;

wherein linking each child card in the set of child cards to a selection area in the set of selection areas comprises linking each child card in the set of child cards to a selection area in the set of selection areas, the set of child cards defining a second information density tier greater than the first information density tier;

wherein triggering the computing device to open the expanded window over the document comprises triggering the computing device to open the expanded window over the document, the expanded window comprising expanded variants of each child card in the set of child cards defining a third information density tier greater than the second information density tier;

wherein triggering the computing device to navigate to the external document comprises triggering the computing device to navigate to the external document defining a fourth information density tier; and

further comprising;

classifying an engagement level in the visual element based on a greatest of the first information density tier, the second information density tier, the third information density tier, and the fourth information density tier viewed during an impression; and

serving the engagement level to a remote interaction database.

14. The method of claim 11:

wherein inserting the parent card into the visual element comprises resizing the parent card to fill one of the height and the width of the visual element;

wherein rendering the first child card corresponding to the first selection area over the parent card in the visual element comprises rendering the first child card corresponding to the first selection area over the parent card in the visual element, the height of first child card less than the height of the visual element;

wherein triggering the computing device to open the expanded window over the document comprises triggering the computing device to open the expanded window characterized by a height greater than the height of the visual element; and

wherein triggering the computing device to navigate to the external document associated with the particular child card comprises triggering the computing device to navigate to the external document rendered within the window and sized to fill the height and the width of the window.

15. A method for serving interactive content to a user comprising:

inserting a parent card into a visual element, the parent card comprising a set of selection areas;

linking each child card in the set of child cards to a selection area in the set of selection areas, each child card comprising a hero image and a link to a related external document;

following insertion of the visual element into a document rendered on a display of a computing device, in response to detecting selection of a first selection area in the set of selection areas over the parent card, replacing the parent card with a first child card corresponding to the first selection area in the visual element; and

in response to selection of a particular child card within the visual element, triggering the computing device to navigate to a particular external document associated with the particular child card.

16. The method of claim 15, further comprising:

in response to selection of a child card, in the set of child cards, within the visual element, triggering the computing device to open an expanded window over the document, the expanded window comprising expanded variants of each child card in the set of child cards; and

in response to selection of an expanded variant of a particular child card in the set of child cards within the visual element, triggering the computing device to navigate to a particular external document associated with the particular child card.

17. The method of claim 16:

wherein inserting the parent card into the visual element comprises inserting, into the visual element, the parent card comprising a hero image embodying content of a microsite;

wherein replacing the parent card with the first child card corresponding to the first selection area in the visual element comprises rendering the first child card in the visual element, the first child card representing an abridged version of a corresponding webpage within the microsite and comprising a body of text, less than a character length, from the corresponding webpage; and

wherein triggering the computing device to open the expanded window over the document comprises rendering, in the within the expanded window, bodies of text, greater than the character length, from corresponding webpages.

18. The method of claim 15:

wherein inserting the parent card into the visual element comprises inserting the parent card comprising the set of selection areas, each selection area in the set of selection areas arranged over a discrete region of the parent card; and

wherein linking each child card in the set of child cards to a selection area in the set of selection areas comprises linking each child card in the set of child cards to a particular selection area in the set of selection areas, each child card comprising content related to a particular discrete region of the parent card associated with the particular selection area.

19. The method of claim 15, further comprising, in response to a swipe input over the visual element following rendering of the first child card in the set of child cards in the visual element, indexing through the set of child cards rendered within the visual element.

20. The method of claim 15:

wherein inserting the parent card into the visual element comprises inserting the parent card defining a first information density tier into the visual element;

wherein linking each child card in the set of child cards to a selection area in the set of selection areas comprises linking each child card in the set of child cards to a selection area in the set of selection areas, the set of child cards defining a second information density tier greater than the first information density tier;

wherein triggering the computing device to navigate to the external document comprises triggering the computing device to navigate to the external document defining a third information density tier greater than the second information density tier; and

further comprising;

calculating an engagement level based on a duration each information density tier is viewed in the visual element weighted proportional to information density rendered in the visual element; and

serving the engagement level to a remote interaction database.