可視化埋點是指您可以將App界面同步至Web端，並在Web端通過可視化點擊的方式添加埋點事件，相比於手動埋點，可視化埋點有以下優勢：
-
研發人員僅需要完成SDK集成，免去手動添加埋點的開發成本。
-
技術門檻低，可以直接在Web界面上點擊添加埋點事件，適合運營人員直接使用。
-
在應用發佈後仍然可以靈活的添加埋點事件，解決前期埋點不充分的問題。
接下來介紹如何在通過DTM進行可視化埋點，並將可視化埋點事件上報到Google Analytics：
前提條件：
1. 創建AGC賬號並登錄：
https://developer.huawei.com/consumer/cn/service/josp/agc/index.html
2. 創建Android應用以及DTM配置；
3. 應用已集成DTM SDK。
操作步驟：
1. 建立可視化埋點連接
a. 點擊“可視化埋點”頁籤，進入可視化埋點頁面
b. 點擊右上角“按Tag模板埋點”跳轉至Tag模板頁
c. 新建代碼模板，點擊“新建”按鈕，跳轉至新建代碼頁面，填寫代碼信息後保存；
代碼名稱：可自定義
擴展：選擇Google Analytics（分析）：Universal Analytics
跟蹤ID：填寫Google Analytics的唯一跟蹤ID，格式爲UA-XXXXXXXX-X
d. 使用移動瀏覽器掃描二維碼，根據提示打開手機App
e. 連接成功後，手機App左下角會出現“藍色浮動框”，同時手機App當前的頁面會自動同步至Web端。打開“顯示可圈選組件”開關後會以紅色框展示出可添加埋點的組件。
2. 添加元素埋點
下面將介紹對“加入購物車”按鈕進行可視化埋點。
a. 點擊“加入購物車”對應的紅色框
b. 在彈出的“添加埋點”提示框中選擇”當前位置”，點擊確定；
c. 在頁面右側添加埋點的信息
埋點名稱：填寫“Add2Cart”
上報類型：選擇“事件上報”
事件類別：填寫“Click”
事件操作：填寫“Add2Cart”
事件標籤：通過右邊的小手將產品描述對應的文本作爲參數值
d. 點擊確定按鈕，保存埋點。
3. 預覽草稿版本
a. 點擊可視化埋點頁面右上角的“預覽”按鈕，進入版本預覽頁面，可以預覽當前工作區的配置（不需要創建DTM版本）；
b. 掃描二維碼開始預覽。
4. 查看可視化埋點事件
在App中點擊加入購物車按鈕，觸發上報可視化埋點事件，然後到Google Analytics上查看數據。
在導航欄中的“實時”->“事件”裏面，查看最近上報的數據：
可以看到上報的事件中，事件類別爲“Click”，事件操作爲“Add2Cart”，說明可視化埋點已生效。
詳情請參考DTM可視化埋點操作流程。
欲瞭解HMS Core更多詳情，請參閱：
>>華爲開發者聯盟官網
>>獲取開發指導文檔
>>參與開發者討論請到CSDN社區或者Reddit社區
>>下載demo和示例代碼請到Github或者Gitee
>>解決集成問題請到Stack Overflow
原文鏈接：https://developer.huawei.com/...
原作者：胡椒