DOM Style Detection for Native Ad Automation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing technologies face challenges in automatically detecting and generating stable identifiers for primary content within information resources, such as web pages, and in automatically matching the styles of third-party content with the primary content to create native ads, which is time-consuming and requires technical expertise.
Innovation Solution
A method and system that identify content-related Document Object Model (DOM) nodes, generate stable identifiers for primary content, and automatically detect styles of DOM elements to modify third-party content to match the primary content's styles, using a processor to inspect DOM trees, apply rules, and generate identifiers and styles profiles.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If manual methods are used to define content slots and detect styles, then accuracy and precision can be maintained, but time consumption and operational complexity increase significantly
Solution Approach 1:
The system enables automatic self-detection of DOM element styles and automatic generation of stable identifiers through processor-executed algorithms. The processor autonomously inspects DOM trees, extracts style properties, and generates identifiers without requiring manual intervention, thereby maintaining precision while dramatically reducing time consumption.
Solution Approach 2:
The patent replaces manual mechanical operations (manual style detection and identifier creation) with automated computational processes. The processor executes automated style detection algorithms and identifier generation logic, substituting human manual work with machine-based automation that achieves both speed and accuracy.
2Productivity
If automated methods are used to detect styles and generate identifiers, then productivity increases, but system complexity and difficulty of implementation increase
Solution Approach 1:
The processor is designed to perform multiple functions: inspecting DOM trees, detecting style properties, generating stable identifiers, and modifying third-party content. This multi-functional approach consolidates complexity into a single versatile component rather than requiring separate specialized systems for each task.
Solution Approach 2:
The patent introduces an intermediary processing layer that automatically extracts style information from DOM elements and translates it into modifiable third-party content. This intermediary processor handles the complexity of style detection and identifier generation, shielding users from underlying system complexity while maintaining high productivity.
3Ease of operation
If automated style detection is implemented, then ease of operation improves, but measurement and detection difficulty increases due to DOM tree inspection complexity
Solution Approach 1:
The processor autonomously performs the complex task of inspecting DOM trees and extracting style properties without requiring user intervention. The system self-services by automatically navigating the DOM structure, identifying relevant elements, and extracting style information, thereby simplifying operation for users while handling detection complexity internally.
Solution Approach 2:
The patent extracts style properties and identifier information from the complex DOM tree structure through automated processing. By separating the extraction of relevant style attributes from the overall DOM complexity, the system simplifies the operational interface while managing detection complexity through targeted automated queries.
Data Source
AI summary
Systems and methods of automatically detecting styles of properties of DOM elements of an information resource are disclosed. A data processing system including one or more processors can identify an information resource for which to automatically detect styles of properties used to style primary content of the information resource, identify at least one DOM container that contains at least a portion of the primary content, determine, for each of one or more DOM elements included in the DOM container, styles of properties corresponding to a respective DOM element, store, in a memory, the determined styles of properties corresponding to the respective DOM elements included in the DOM container and use the stored styles of properties to modify third-party content to be inserted within the information resource.


