Content Item Sizing via Viewport Script
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing web page designs require manual specification of third-party content item sizes for different devices and screen sizes, leading to inconsistent and inefficient presentation of content across various platforms.
Innovation Solution
A method and system that automatically determine the size of a content item based on the viewport size and parent element width, using a script to select and serve appropriately sized content items, allowing for responsive and aesthetically pleasing presentation across diverse devices and orientations.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Stability of the object's composition
If manual specification of content item sizes is used for different devices, then content presentation consistency is improved, but device complexity and design time increase
Solution Approach 1:
The system automatically determines content item sizes by having the client device execute a script that measures the viewport dimensions and parent element width, then calculates the appropriate content item size without requiring manual specification for each device configuration
Solution Approach 2:
The content item size parameters are dynamically adjusted based on the actual viewport size and parent element dimensions detected at runtime, allowing the same content item to adapt to different devices and screen sizes
2Stability of the object's composition
If manual specification of content item sizes is used for different devices, then content presentation consistency is improved, but loss of time in implementation increases
Solution Approach 1:
The client device autonomously determines the appropriate content item size by executing the provided script, eliminating the need for manual size specification and reducing implementation time across multiple device configurations
Solution Approach 2:
The system provides a pre-configured script that automatically performs the size determination calculation when executed, preparing the content item size in advance without requiring manual intervention during the design phase
3Adaptability or versatility
If automatic size determination is implemented, then adaptability to different devices is improved, but device complexity increases
Solution Approach 1:
A script acts as an intermediary between the content item slot and the content delivery system, performing the size determination calculation based on viewport and parent element measurements, thereby simplifying the overall system architecture while maintaining high adaptability
Solution Approach 2:
The manual mechanical process of specifying content sizes for each device is replaced with an automated computational system that calculates appropriate sizes based on measured dimensions, reducing system complexity while improving adaptability
Data Source
AI summary
A method for selecting and serving a content item includes serving a script to a client device in response to a request, where the script is configured to determine a size of a viewport, determine a width of a parent element of a resource, and determine a content item size based, at least in part, on the size of the viewport and the width of the parent element. The method also includes receiving information indicative of the determined content item size, determining a set of content items based, at least in part, on the received information indicative of the determined content item size, selecting a content item from the determined set of content items, and serving data to effect display of the selected content item in the parent element with the resource.