React Native Page Event Tracking via System Environment Detection
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing methods for full event tracking of React Native pages under a React Native framework face challenges in independently tracking multiple React Native pages within a Native page, especially in iOS/Android environments, and require integration with native full event tracking functions.
Innovation Solution
A full event tracking method and apparatus that detects the number of React Native pages within a Native page and generates page view and page leave event tracking based on this detection and the system operating environment, allowing for independent tracking without relying on native full event tracking.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If React Native pages are tracked independently without native full event tracking integration, then tracking independence and adaptability are improved, but the ability to track multiple React Native pages within a Native page deteriorates
Solution Approach 1:
The patent segments the tracking system into independent React Native page tracking modules that can operate autonomously within the Native page framework. Each React Native page is detected and tracked as a separate entity through identification of React Native page elements, allowing multiple pages to be tracked independently while maintaining overall system coherence without requiring native full event tracking integration
Solution Approach 2:
The patent implements a nested tracking structure where React Native page tracking is embedded within the Native page framework. The system detects React Native page elements nested within Native pages and establishes a hierarchical tracking relationship, enabling independent tracking of React Native pages while preserving their containment within the broader Native page structure
2Device complexity
If native full event tracking functions are integrated, then multi-page tracking capability is improved, but dependency on native technologies and complexity increase
Solution Approach 1:
The patent extracts the essential tracking functionality from native full event tracking and implements it independently within React Native. By detecting React Native page elements directly and establishing independent tracking mechanisms, the system removes dependency on native technologies while maintaining the core capability to track multiple pages within Native pages
3Measurement precision
If developers implement manual event tracking, then tracking precision is improved, but event tracking cost and time consumption increase
Solution Approach 1:
The patent implements self-service tracking where the React Native framework automatically detects and tracks page view and page leave events through built-in page element detection mechanisms. This eliminates the need for developers to manually implement tracking code, reducing both the time cost and complexity while maintaining precise event tracking through automated detection of page lifecycle events
Data Source
AI summary
The present disclosure relates to the field of computer technologies, and discloses a full event tracking method and apparatus for pages, a computer device, and a storage medium. The method includes: obtaining Native pages of an application program of a mobile terminal and a system operating environment; detecting a number of React Native pages included in the Native pages; and generating, based on the number of React Native pages and the system operating environment, a page view event tracking of entering the React Native page and a page leave event tracking of leaving the React Native page.