Creation of a content display area on a web page

Patent metadata

Field	Value
Publication number	US-9535887-B2
Application number	US-201313777655-A
Country	US
Kind code	B2
Filing date	Feb 26, 2013
Priority date	Feb 26, 2013
Publication date	Jan 3, 2017
Grant date	Jan 3, 2017

Abstract

A computerized method of generating a content display area on a web page is provided. The method includes receiving a request to initiate a content display area creation sequence for a web page loaded at a web browser. The method includes receiving position data of objects comprising the web page. The method includes determining eligible positions for the content display area. The method includes receiving a first user input indicating a position of a space for the content display area. The method includes repositioning the space and the objects responsive to the first user input. The web browser loads the space and the repositioned objects for viewing. The method includes receiving a second user input indicating confirmation of the position of the space. The method includes generating machine-readable instructions for providing the content display area on the web page. The method includes providing display data representative of the machine-readable instructions.

First claim

What is claimed is:

1. A computerized method of generating a content display area on a web page, the method comprising:
receiving, by a computer server, a first request to insert a content slot in a web page loaded at a web browser for viewing on a client device;
retrieving, by the computer server from a document object model (DOM) document of the web page, position data of a plurality of objects within the web page;
determining, by the computer server, a plurality of eligible content slot positions on the web page based on the position data of the plurality of objects;
modifying, by the computer server, the DOM document to insert a plurality of placeholders, each placeholder corresponding to a respective one of the plurality of eligible content slot positions within the webpage and including a respective selectable actionable item, which when selected, causes the client device to transmit a second request to the computer server to insert a content slot at the content slot position corresponding to that placeholder;
displaying, via the browser, a version of the web page corresponding to the modified DOM document, the version of the webpage including the plurality of placeholders;
receiving, by the computer server from the client device, responsive to a first user input indicative of a selection of an actionable item of a first placeholder of the plurality of placeholders, a third request to insert a first content slot at a first content slot position corresponding to the first placeholder;
responsive to receiving the third request, computing, by the computer server, at least one dimension of the first placeholder based on the first content slot position relative to positions of the plurality of objects;
modifying, by the computer server, the DOM documents to i) adjust the size of the first placeholder using the at least one dimension computed and to ii) remove the remaining inserted placeholders for other eligible content slot positions, the web browser loading the first placeholder with the respective size adjusted and the plurality of objects for viewing;
receiving, by the computer server, a second user input indicating confirmation of the first content slot position on the web page;
generating, by the computer server, machine-readable instructions for inserting the first content slot at the first content slot position corresponding to the first placeholder on the web page based on the confirmation, the first content slot having a dimension corresponding to the at least one dimension computed; and
providing, by the computer server, display data representative of the machine-readable instructions.

2. The method of claim 1 , further comprising:
repositioning the first placeholder responsive to receiving the third request.

3. The method of claim 1 , wherein computing at least one dimension of the first placeholder comprises:
determining maximum dimension of a block element associated with the web page;
comparing the maximum dimension to a plurality of predetermined dimensions;
selecting one of the plurality of predetermined dimensions that matches the maximum dimension.

4. The method of claim 1 , further comprising:
computing at least one style attribute for content associated with the first content slot position.

5. The method of claim 4 , wherein the at least one style attribute comprises a color palette.

6. The method of claim 5 , wherein computing the at least one style attribute comprises:
determining a plurality of colors displayed on the web page;
determining a most used color on the web page from the plurality of colors; and
selecting the most used color for the selected content slot position.

7. The method of claim 1 , further comprising:
providing display data representative of at least one of a computer dimension of the first content slot position, a color palette of the first content slot position, and a preview of content in the first content slot position; and
receiving a third user input indicating a request to generate the machine-readable instructions.

8. A system for generating a content display area on a web page comprising a processing circuit configured to:
receive a first request to insert a content slot in a web page loaded at a web browser for viewing on a client device;
retrieve, from a document object model (DOM) document of the web page, position data of a plurality of objects within the web page;
determining a plurality of eligible content slot positions on the web page based on the position data of the plurality of objects;
modify the DOM document to insert a plurality of placeholders, each placeholder corresponding to a respective one of the plurality of eligible content slot positions within the webpage and including a respective selectable actionable item, which when selected, causes the client device to transmit a second request to the computer server to insert a content slot at the content slot position corresponding to that placeholder;
display, via the browser, a version of the web page corresponding to the modified DOM document, the version of the webpage including the plurality of placeholders;
receive, from the client device, responsive to a first user input indicative of a selection of an actionable item of a first placeholder of the plurality of placeholders, a third request to insert a first content slot at a first content slot position corresponding to the first placeholder;
responsive to receiving the third request, compute at least one dimension of the first placeholder based on the first content slot position relative to positions of the plurality of objects;
modify the DOM document to i) adjust the size of the first placeholder using the at least one dimension computer and to ii) remove the remaining inserted placeholders for other eligible content slot positions, the web browser loading the first placeholder with the respective size adjusted and the plurality of objects for viewing;
receive a second user input indicating confirmation of the first content slot position on the web page;
generate machine-readable instructions for inserting the first content slot at the first content slot position corresponding to the first placeholder on the web page based on the confirmation, the first content slot having a dimension corresponding to the at least one dimension computed; and
provide display data representative of the machine-readable instructions.

9. The system of claim 8 , wherein the processing circuit is further configured to:
reposition the first placeholder responsive to the third request.

10. The system of claim 8 , wherein computing at least one dimension of the first placeholder comprises:
determining a maximum dimension of a block element associated with the web page;
comparing the maximum dimension to a plurality of predetermined dimensions;
selecting one of the plurality of predetermined dimensions that optimally matches the maximum dimension.

11. The system of claim 8 , wherein the processing circuit is further configured to:
compute at least one style attribute for content associated with the first content slot position.

12. The system of claim 11 , wherein the at least one style attribute comprises a color palette.

13. The system of claim 11 , wherein computing the at least one style attribute comprises:
determining a plurality of colors displayed on the web page;
determining a most used color on the web page from the plurality of colors; and
selecting the most used color for the selected content slot position.

14. The system of claim 8 , wherein the processing circuit is further configured to:
provide display data repre

Assignees

• Google Inc

Inventors

• Ozgul Mehmet Baran

Classifications

• G06F40/106

  Display of layout of documents; Previewing · CPC title

• G06F16/9535 Primary

  Search customisation based on user profiles and personalisation · CPC title

• G06F17/30867

  Physics · mapped topic

• G06F17/212

  Physics · mapped topic

• G06F17/2247 Primary

  Physics · mapped topic