Web Page Action Triggering via DOM Attribute Mediation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Publishers face delays and complexities in displaying new features or updating existing ones on websites or applications due to the need for modifying, testing, and releasing code, especially with long release cycles or third-party developers, and often require granular control over feature display that is not easily achievable without manual code additions.
Innovation Solution
A method that allows publishers to select and associate actions with existing elements on a web page using a user interface dashboard, leveraging existing code to trigger actions without manual code insertion, enabling real-time enablement, disabling, and configuration of website features with granular control over their display.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If publishers manually add code to web page templates to implement new features, then feature functionality is achieved, but development time and release delays increase
Solution Approach 1:
The patent introduces a JavaScript mediator that acts as an intermediary between the web page template and the feature implementation. The mediator scans the DOM for specific data attributes (e.g., data-feature-id) and dynamically loads corresponding feature modules without requiring manual code insertion into templates. This resolves the contradiction by maintaining ease of feature addition through simple attribute tagging while eliminating the time-consuming manual code modification and testing process.
Solution Approach 2:
The system performs preliminary action by pre-defining feature modules and their corresponding trigger conditions in advance. Publishers can configure features to be automatically activated when specific DOM elements are detected, eliminating the need for real-time code modification and testing during the release process. This allows features to be implemented instantly without the traditional development-deployment cycle.
2Adaptability or versatility
If publishers use robust web page template structures with per-page feature implementation, then granular control over feature display is achieved, but code modification requirements increase
Solution Approach 1:
The patent extracts the feature activation logic from the template code itself and places it in separate, dynamically loaded feature modules. The template only needs to contain simple data attributes (e.g., data-feature-id, data-condition) to indicate where and when features should appear. The complex logic of feature detection, condition evaluation, and module loading is extracted into the JavaScript mediator, resolving the contradiction by maintaining granular control through simple attributes while eliminating template code complexity.
3Adaptability or versatility
If publishers want to display different features to different visitors or on different pages, then customized feature delivery is achieved, but manual code configuration requirements increase
Solution Approach 1:
The system implements self-service by enabling the JavaScript mediator to automatically scan the DOM, detect feature trigger conditions based on data attributes, and dynamically load appropriate feature modules without manual configuration. Publishers can simply tag elements with data attributes (e.g., data-feature-id='newsletter') and the system automatically handles the rest, including conditional logic and module instantiation. This resolves the contradiction by achieving customized feature delivery through simple self-describing tags while eliminating complex manual code configuration.
Data Source
AI summary
A method and computer system for receiving a selection of a first element of one or more elements on a web page via a user interface. A selection of an action to associate with the first element is received via the user interface. The action is associated with the first element on the web page based upon, at least in part, receiving the selection of the action.