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

上一篇文章我們介紹了DTM多種埋點方案之普通埋點。接下來將給大家介紹第二種按Tag埋點的方式及具體操作教程。

 

 

>>什麼是按Tag埋點?

 

按Tag埋點即按照模板進行埋點,模板根據三方平臺預設,適用於固定上報三方平臺,更加方便快捷創建上報三方平臺的埋點信息。

 

1.1建立可視化連接

 

以上報Google Analytics爲例

 

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

 

2)       點擊右上角“按Tag模板埋點”跳轉至Tag模板頁。

 

3)       在“選擇代碼模板”頁面,點擊“新建”按鈕創建代碼模板,配置如下信息後點擊“保存”:

 

a)       輸入“代碼名稱”。

 

b)      選擇“Google Analytics(分析):Universal Analytics”擴展類型。

 

c)       填寫跟蹤ID(該ID從谷歌分析平臺獲取,如:UA-xxxxxxxxx-x)。

 

d)      其他字段可保持默認值不做更改。

 

4)       選中已創建的代碼模板,在右側的“添加埋點”頁面,點擊“開始埋點”。

 

 

 

1.2添加埋點

 

1)       系統跳轉至“添加埋點”頁面,點擊右側的“添加埋點”按鈕。

 

2)       元素類型默認“按鈕或鏈接”。

 

3)       選擇左側頁面HUAWEI Mate系列模塊的“查看詳情”按鈕。

 

您是否要選擇同類元素? - 確定

 

4)       配置埋點相關信息

 

a)       輸入“代碼名稱”。

 

b)      上報類型:事件上報。

 

c)       事件類別:{{Event}}(引用內置變量Event)

 

d)      事件操作:查看詳情(使用事件類別字段右側小手選擇頁面上HUAWEI Mate系列模塊中的查看詳情作爲同類參數)。

 

e)       事件標籤:HUAWEI Mate Xs(使用事件標籤字段右側小手選擇頁面上HUAWEI Mate系列模塊中的商品名稱作爲同類參數)。

 

f)        其他字段選項保持默認不做修改。

 

5)       點擊“確定”保存埋點。

 

6)       查看埋點:點擊埋點右側的“∨”圖標展開埋點。

 

7)       退出連接:點擊頁面左上角“‹”退出可視化連接。

 

 

1.3創建及發佈版本

 

1)       進入“版本管理”頁面,點擊“新建”按鈕。

 

2)       在“創建版本”頁面輸入版本名稱和描述。

 

3)       選擇“創建併發布此版本”選項。

 

4)       點擊“確定”。

 

 

1.4觸發可視化事件

 

1)       下載新版本:在瀏覽器中刷新測試網站下載最新的DTM配置

 

注:默認情況下,DTM JSSDK下載最新版本的緩存時間間隔是15分鐘,如果想要立即下載最新版本,可以禁用瀏覽器緩存,並重新刷新測試網站。

 

2)       點擊HUAWEI Mate系列模塊中任一“查看詳情”按鈕。

 

3)         Google Analytic上查看數據。

 

 

 

欲瞭解更多關於動態標籤管理服務請點擊>>

 

 

欲瞭解HMS Core更多詳情,請參閱:
>>華爲開發者聯盟官網

 

>>獲取開發指導文檔
>>參與開發者討論請到CSDN社區或者Reddit社區
>>下載demo和示例代碼請到Github或者Gitee
>>解決集成問題請到Stack Overflow

 

 

原文鏈接:https://developer.huawei.com/consumer/cn/forum/topic/0201547481659900298?fid=18

原作者:胡椒

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章