Web頁面如何進行可視化埋點(一)


埋點是一種采集、處理用戶行為或事件的一種技術,現在普遍用於用戶行為分析、數據處理,助力產品經理、運營人員、數據分析師精准采集分析用戶行為,建立用戶畫像,進行產品分析和優化。然而,手動埋點技術門檻高、工作量大、開發周期長。

動態標簽管理服務(簡稱“DTM”)埋點功能應運而生。目前針對Web頁面的數據采集及分析,DTM提供多種埋點的方案,分別是普通埋點、按Tag埋點、結合華為分析跳轉埋點。

本文將詳細介紹普通埋點的方式及具體操作教程。

>>前提條件

1)       創建AGC賬號並登錄:

https://developer.huawei.com/consumer/cn/service/josp/agc/index.html

2)       創建Web應用以及DTM配置。

3)       創建自己的web網站並集成DTM配置腳本。

a.       您可點擊“配置管理”,然后點擊“查看”按鈕來獲取導入腳本。

b.       復制如下代碼片段並將其拷貝到網站上每個需要配置代碼的網頁的<head>部分中,並使其靠近最頂部位置,以便及時使代碼生效。

 
>>普通埋點

一個埋點條件可以應用於多個三方平台的觸發條件,適合需要對埋點條件和參數靈活調用的場景。

 

1.1建立可視化連接

1)       選擇“可視化埋點”頁簽,進入可視化埋點。

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/consumer/cn/forum/topic/0201547454794570296?fid=18

原作者:胡椒


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM