考拉数据打点校验 Extension Chrome

考拉数据打点校验插件

Latest Version

Version

1.0

Update

February 20, 2019

Size

44.44KiB

Developer

考拉数据打点校验 Extension

需求背景

目前考拉的埋点方式有两种，一种是通过url后面拼接参数，还有一种是通过 `_.daEvent()` 的方式去手动触发。第一种可以直接通过查看链接有没有带上我们的参数判断埋点有没有成功，第二种只能通过查看 `Network` 里面有没有发送 `https://rev.da.netease.com/__dam.gif` 开头的链接来判断是否埋点成功，而且里面每个字段都被 `encodeURI` 过，很难一眼看出来。
功能介绍

假设我们这里打点的请求地址都是 `rev.da.netease.com/__dam.gif` 开头的，该扩展可以拦截所有 `*://rev.da.netease.com/__dam.gif?*` 开头的请求，分析url参数，把 `category`、`action`、`label`等参数 `decodeURIComponent` 后统一显示出来，方便开发者校验埋点是否成功。

如何使用

* 在chrome中打开 `chrome://extensions/`，把 `.crx` 扩展文件直接托进去。
* 打开要检查的页面，点击扩展插件图标，正常浏览点击你的页面。只要有埋点的请求，都会显示在插件的小窗口中。

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "\u8003\u62c9\u6570\u636e\u6253\u70b9\u6821\u9a8c", "description": "\u8003\u62c9\u6570\u636e\u6253\u70b9\u6821\u9a8c\u63d2\u4ef6", "version": "1.0", "permissions": [ "activeTab", "webRequest", "*://rev.da.netease.com/__dam.gif?*" ], "icons": { "16": "icon/icon_16.png", "128": "icon/icon_128.png" }, "browser_action": { "default_icon": "icon/icon_16.png", "default_title": "\u8003\u62c9\u6570\u636e\u6253\u70b9\u6821\u9a8c" }, "background": { "scripts": ["js/background.js"] }, "content_scripts": [{ "matches": ["*://*/*"], "js": ["js/dotting.js"] }]}

考拉数据打点校验

考拉数据打点校验插件

Latest Version

考拉数据打点校验 Extension

Source Manifest.json

Similar Extensions

Get source code (.Zip)

Latest Updates

Top Rated