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

華為開發者論壇發表於2021-05-25

埋點是一種採集、處理使用者行為或事件的一種技術,現在普遍用於使用者行為分析、資料處理,助力產品經理、運營人員、資料分析師精準採集分析使用者行為,建立使用者畫像,進行產品分析和最佳化。然而,手動埋點技術門檻高、工作量大、開發週期長。

動態標籤管理服務 (簡稱“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等於”。

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

原作者:胡椒

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69970551/viewspace-2773770/,如需轉載,請註明出處,否則將追究法律責任。

相關文章