Browser Content Browsing Accuracy via RequestAnimationFrame Callbacks
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current methods for determining whether content is being browsed in a browser window or tab are not accurate enough to assess reading intensity and engagement, lacking precision in measuring user interaction.
Innovation Solution
A program that uses the 'window.requestAnimationFrame' method to register a callback function, determining user interaction by analyzing time intervals and calculating a read-through rate, and inserting or popping up advertisements based on this data.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If traditional metrics like pageviews and residence time are used to determine content browsing, then the measurement is simple to implement, but the accuracy of determining whether content is being browsed is insufficient
Solution Approach 1:
The patent replaces traditional server-based measurement methods with a client-side JavaScript implementation that uses the window.requestAnimationFrame API. This substitution enables precise detection of content visibility and reading behavior directly in the browser, achieving high measurement accuracy without requiring complex server-side infrastructure. The callback function monitors whether the content window is visible and calculates reading progress based on scroll position and time, providing accurate browsing determination through a relatively simple client-side script.
2Measurement precision
If real-time monitoring of content reading is implemented using callback functions, then the accuracy of reading intensity determination is improved, but the computational resources and system complexity increase
Solution Approach 1:
The patent implements periodic monitoring through the window.requestAnimationFrame callback, which is triggered at regular intervals during content rendering. The system periodically checks whether the content window is visible and calculates reading progress at each frame update. This periodic action provides real-time reading intensity determination while efficiently utilizing the browser's existing rendering cycle, avoiding continuous monitoring and reducing unnecessary computational overhead.
3Productivity
If advertisements are inserted based on read-through rate, then advertising effectiveness is improved, but the complexity of advertisement management increases
Solution Approach 1:
The patent implements a feedback mechanism where the system continuously monitors reading behavior through the callback function, calculates the read-through rate based on scroll position and time, and uses this feedback to dynamically determine advertisement insertion points. When the read-through rate exceeds a preset threshold, the system automatically inserts or displays advertisements at appropriate positions. This closed-loop feedback system improves advertising effectiveness by targeting engaged readers while automating the management process, reducing manual intervention complexity.
Data Source
AI summary
According to the present invention, a terminal executes a program correlated to content displayed in a window, etc., of a browser operating in the terminal. When the content is loaded into the window, etc., by execution of the program, the terminal registers a callback function by a window.requestAnimationFrame method assigned to the window, etc. When the callback function is invoked, the terminal determines, on the basis of an interval of timestamps at which the callback function is invoked with respect to the window, etc., whether or not the window, etc., is being browsed by a user, and re-registers the callback function by the window.requestAnimationFrame method assigned to the window, etc. The terminal intermittently notifies a server of the result of the determination.