Browser Plugin for Web Page Analytics Visualization

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Capturing and displaying statistics and debugging information for web pages is cumbersome, requiring separate programs and limiting access and understanding for web software developers, making it difficult to verify the functionality of web page elements post-updates.

Innovation Solution

An integrated approach that uses an analyzer plugin within a web browser to visually augment web pages, providing interactive elements and graphical areas for analytical and debugging data, allowing developers to access and understand usage statistics and performance directly within the web page.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If statistics and debugging information are captured using a back-end server or separate logs, then data can be recorded, but it requires separate programs and devices to view the information, making it difficult for developers to access and verify web page functionality

Engineering Contradiction:
Improveaccess to web page statistics and debugging informationVSAvoidrequirement for separate programs and computing devices
Core Design Contradiction:
Loss of informationVSDevice complexity

Solution Approach 1:

The patent merges the analytics data collection and visualization functionality directly into the web page itself by embedding analytic elements within the page markup. This allows developers to view statistics and debugging information in the same context as the web page content, eliminating the need for separate programs or computing devices while maintaining comprehensive data access

Inventive Principle:
Principle #5Merging (Combining)

Solution Approach 2:

The patent introduces an analyzer plugin as an intermediary component that bridges the web browser and the analytics system. This plugin enables direct access to web page statistics and debugging information within the browser environment, serving as a mediator that eliminates the need for separate back-end servers or logging systems while providing comprehensive data visualization

Inventive Principle:
Principle #24Intermediary (Mediator)

2Loss of information

If web page analytics data is stored in separate data warehouses or siloed data stores, then data can be captured, but it creates data silos that limit understanding and require multiple separate tools for comprehensive analysis

Engineering Contradiction:
Improvecompleteness of web page analytics dataVSAvoiddifficulty in accessing and understanding integrated web page data
Core Design Contradiction:
Loss of informationVSEase of operation

Solution Approach 1:

The patent combines multiple types of web page data (analytics, debugging information, performance metrics) into a single integrated visualization within the web page context. This merging approach eliminates data silos by presenting all relevant information in one unified view, making it easier for developers to access and understand complete web page functionality without needing multiple separate tools

Inventive Principle:
Principle #5Merging (Combining)

Solution Approach 2:

The patent creates a multi-functional analytic element that serves multiple purposes simultaneously: capturing analytics data, providing debugging information, displaying performance metrics, and enabling verification of web page functionality. This universal approach consolidates what would otherwise require multiple separate data stores and tools into a single integrated system

Inventive Principle:
Principle #6Universality (Multi-functionality)

Data Source

PatentUS11556611B2Embedded web page analytic elements
Publication Date: 2023.01.17 PAYPAL INC
  • US11556611B2 patent drawing
  • US11556611B2 patent drawing
  • US11556611B2 patent drawing

AI summary

A web browser plugin or other software can be used to integrate visualization of analytical and/or debugging information related to a web page that is being viewed. Particular elements on the web page that are instrumented for tracking can be visually augmented, allowing a developer to see where and how certain aspects of web page functionality are being tracked and/or implemented. Certain information relating to the web page may be surfaced via a graphical area that is displayed concurrently with the web page, e.g., within the web browser that is being used to view the web page. The graphical area can also include selectable elements that can be used to launch additional queries into back-end services related to the web page. The present techniques allow for not only better and more convenient visualization of web page related data, but can speed up development time, reducing both computing and developer resources.