Web Page Component Targeting via Hierarchical Tagging
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In highly customizable systems, it is challenging to correctly display targeted prompt interfaces associated with specific web page components, particularly in user interfaces that require precise targeting and flexibility.
Innovation Solution
A targeting system that uses component tags with attributes such as targetability indicators, API identifiers, and nesting relationships to identify and associate targeted prompt interfaces with specific components, allowing for flexible configuration and correct identification even with component modifications.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If prompt interfaces are made highly customizable to adapt to different components, then adaptability is improved, but device complexity increases making it difficult to correctly display targeted interfaces
Solution Approach 1:
The system segments the user interface into distinct targetable components, each with unique identifiers. Prompt interfaces are divided into multiple instances that can be individually targeted at specific components rather than applying a single generic prompt to the entire interface. This segmentation allows precise targeting while maintaining adaptability across different components.
Solution Approach 2:
The system introduces intermediary elements including component tags with identifiers, hierarchical structures for organizing components, and runtime functions that act as mediators between the prompt interface system and the actual UI components. These intermediaries enable precise targeting without requiring complex direct mappings between prompts and components.
2Adaptability or versatility
If the system allows flexible configuration of components, then adaptability is improved, but manufacturing precision deteriorates making it difficult to correctly identify target components
Solution Approach 1:
The system performs preliminary actions by assigning unique identifiers and hierarchical structures to components during the configuration phase. Component tags are pre-configured with identification attributes before runtime, enabling the system to automatically and precisely identify target components even when configurations are highly flexible and customizable.
Solution Approach 2:
The system changes parameters by introducing identifier attributes and hierarchical structure parameters to components. These parameter changes enable precise identification and targeting of components while maintaining flexibility in component configuration and behavior. The identifier parameters serve as stable reference points amidst variable configuration options.
Data Source
AI summary
Disclosed are examples of systems, apparatuses, methods, and computer program products for targeting components. A server system obtains a plurality of tags corresponding to a plurality of components available for presentation on a web page. The server system generates a hierarchical structure that indicates: relationships between the plurality of components. The server system provides data to a first client device, the data configured to be processed to cause display of a first user interface based on the hierarchical structure, the first user interface being operable to: select one of the one or more components for association with the prompt interface, and allow a second user interface to be displayed at a second client device, the second user interface including a presentation of the prompt interface including content associated with the prompt interface and with the selected component.