Web頁面如何進行可視化埋點（一）
埋點是一種採集、處理用戶行爲或事件的一種技術，如今廣泛用於用戶行爲分析、數據處理，助力產品經理、運營人員、數據分析師精準採集分析用戶行爲，創建用戶畫像，進行產品分析和優化。然而，手動埋點技術門檻高、工做量大、開發週期長。html
動態標籤管理服務（簡稱「DTM」）埋點功能應運而生。目前針對Web頁面的數據採集及分析，DTM提供多種埋點的方案，分別是普通埋點、按Tag埋點、結合華爲分析跳轉埋點。web
本文將詳細介紹普通埋點的方式及具體操做教程。瀏覽器
前提條件
1) 建立AGC帳號並登陸：緩存
https://developer.huawei.com/...併發
2) 建立Web應用以及DTM配置。ide
3) 建立本身的web網站並集成DTM配置腳本。測試
a. 您可點擊「配置管理」，而後點擊「查看」按鈕來獲取導入腳本。優化
b. 複製以下代碼片斷並將其拷貝到網站上每一個須要配置代碼的網頁的<head>部分中，並使其靠近最頂部位置，以便及時使代碼生效。網站
普通埋點
一個埋點條件能夠應用於多個三方平臺的觸發條件，適合須要對埋點條件和參數靈活調用的場景。
1.1創建可視化鏈接
1) 選擇「可視化埋點」頁籤，進入可視化埋點。ui
2) 點擊頁面的 「開始埋點」。
1.2添加埋點
1) 系統跳轉至「添加埋點」頁面，點擊右側的「添加埋點」按鈕。
2) 元素類型默認「按鈕或連接」。
3) 選擇左側頁面HUAWEI Mate系列模塊的「查看詳情」按鈕。
您是否要選擇同類元素？ - 肯定
4) 配置埋點相關信息
a) 輸入「名稱」。
b) 添加參數：小手選擇「HUAWEI Mate Xs」，輸入參數名稱
c) 觸發事件：「指定頁面」「URL等於」https://XXXXXX.XXX。
5) 點擊「肯定」保存埋點。
6) 查看埋點：點擊埋點右側的「∨」圖標展開埋點。
7) 退出鏈接：點擊頁面左上角「‹」退出可視化鏈接。
1.3添加代碼
1）點擊「代碼管理」。
2）添加代碼擴展類型，觸發條件選擇「Mate系列詳情查看」
3）點擊「肯定」。
3）點擊「保存」。
1.4建立及發佈版本
1) 進入「版本管理」頁面，點擊「新建」按鈕。
2) 在「建立版本」頁面輸入版本名稱和描述。
3) 選擇「建立併發布此版本」選項。
4) 點擊「肯定」。
1.5觸發可視化事件
1) 下載新版本：在瀏覽器中刷新測試網站下載最新的DTM配置
注：默認狀況下，DTM JSSDK下載最新版本的緩存時間間隔是15分鐘，若是想要當即下載最新版本，能夠禁用瀏覽器緩存，並從新刷新測試網站。
2) 點擊HUAWEI Mate系列模塊中任一「查看詳情」按鈕。
3) 在對應的三方平臺上查看數據。
更多關於動態標籤管理服務請點擊>>
欲瞭解HMS Core更多詳情，請參閱：
獲取開發指導文檔
參與開發者討論請到CSDN社區或者Reddit社區
下載demo和示例代碼請到Github或者Gitee
解決集成問題請到Stack Overflow
原文連接：https://developer.huawei.com/...原做者：胡椒
- 1. [乾貨]實現一個無埋點和可視化埋點sdk
- 2. Web頁面加載，如何分析頁面性能？如何進行優化？
- 3. 如何啓動tensorboard進行可視化
- 4. 前端如何進行頁面優化
- 5. 如何進行頁面優化？
- 6. Android 可視化埋點方案
- 7. 可視化展示——web展示頁面
- 8. 如何實現Custom Control？如何進行可視化開發？
- 9. 埋點進化論：從埋點到無埋點
- 10. 數據採集與埋點簡介之 代碼埋點、可視化埋點與無痕埋點
- 更多相關文章...
- • XSD 如何使用? - XML Schema 教程
- • ASP.NET Web Pages - 全局頁面 - ASP.NET 教程
- • Git可視化極簡易教程 — Git GUI使用方法
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
-
每一个你不满意的现在，都有一个你没有努力的曾经。