Shulou(Shulou.com)06/02 Report--

This article mainly explains "what is the role of the web front end". The explanation in this article is simple and clear, easy to learn and understand. Please follow the ideas of Xiaobian and go deep into it slowly to study and learn "what is the role of the web front end" together!

Now let's talk about how to monitor the front end. To achieve front-end monitoring, the first step must be to collect the items (data) we want to monitor, submit them to the background, and finally analyze the data. The richness and accuracy of data collection directly affects the quality of our front-end monitoring, as we use this as a basis for future product development.

front buried point action

We collect monitoring data through front-end buried points. At present, there are three common front-end buried points methods: manual buried points, visual buried points and no buried points.

front-end buried-point method

manual burial

Manual point burying, also called code point burying, refers to pure manual code writing, calling the function of buried point SDK, calling the interface at the business logic function position where buried point is required, and reporting buried point data. Third-party data statistics service providers such as Youmeng and Baidu Statistics mostly adopt this scheme.

Manual burials allow users to easily set custom attributes and custom events, so manual burials are more suitable when you need to drill down and refine custom analysis.

The defect of manual burying is that the project quantity is large, there are too many positions to bury, and repeated communication between product development and operation is required, which is easy to cause manual errors. If errors occur, the cost of re-burying points is also very high. This can lead to long data collection cycles, high collection costs, and low efficiency. Because manual buried points need to be completed by developers, every time there is a buried point update, or missing buried points, it is necessary to re-launch the online release process, the update cost is also high, and the stability of the online system is also harmful.

Visual Buried Point

By means of visual interaction, instead of the above code buried points. Separate the business code from the buried point code, and provide a visual interactive page. Input is the business code. Through this visualization system, you can add custom buried point events in the business code, and finally the output code couples the business code and the buried point code. The disadvantage is that the control can be buried is limited and cannot be customized manually.

Visual burial points sound tall, but in fact they are not much different from code burial points. That is to say, a system is used to implement the process of manually inserting code buried points. For example, Mixpanel is the early visualization abroad, TalkingData and Zhuge IO are the early support for visual buried points in China, and Tencent's MTA also announced support for visual buried points in 2017; Compared with the problem of manual buried point update difficulty and high buried point cost, visual buried point optimizes the data collection process in mobile operation, can support product operation to adjust buried point at any time, does not need to go through the release process, directly pushes the configuration result to the front end, the data collection process is more simplified, and it is more convenient for product iteration.

Most of the visual buried points are based on Xpath, a language for finding information in XML documents, and XPath can be used to traverse elements and attributes in XML documents.

no buried point

No buried point means that the front end automatically collects all events and reports buried point data, and the back end filters and calculates useful data. The advantage is that the front-end only needs to load the buried script once, and the disadvantage is that the traffic and collected data are too large, and the server performance pressure is too high.

The mainstream GrowingIO and Shence adopt no-buried-point technology.

Thank you for reading, the above is the content of "what is the role of the web front end", after the study of this article, I believe that everyone has a deeper understanding of the role of the web front end, the specific use of the situation also needs to be verified by practice. Here is, Xiaobian will push more articles related to knowledge points for everyone, welcome to pay attention!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.