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等於”。
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Web頁面如何進行視覺化埋點(二)Web視覺化
- Web頁面如何進行視覺化埋點(三)Web視覺化
- 如何使用Android視覺化埋點Android視覺化
- 【教程】手把手教你使用 MTA 視覺化埋點視覺化
- 視覺化埋點在React Native中的實踐視覺化React Native
- 商家視覺化埋點探索和實踐|得物技術視覺化
- 產品如何進行大屏資料視覺化.md視覺化
- 如何進行頁面優化?優化
- 資料視覺化如何進行?大致流程是怎樣的?視覺化
- Excel裡面如何進行歐元轉換Excel
- Web 頁面如何新增水印?Web
- 騰訊移動分析 MTA 首推視覺化埋點!動態運營是關鍵!視覺化
- 頁面視覺化搭建工具技術要點視覺化
- Web 頁面如何實現動畫效果Web動畫
- 沒想到,Python 還可以製作 Web 視覺化頁面!PythonWeb視覺化
- 超低技術門檻!運營人員也可以直接使用Android視覺化埋點Android視覺化
- Django 視覺化Web展示 學習Django視覺化Web
- Flutter頁面曝光事件埋點框架Flutter事件框架
- Html網頁標籤曝光埋點HTML網頁
- 搭建一個視覺化使用者行為軌跡打點體系SDK視覺化
- 資料視覺化的優點是什麼(一)視覺化
- 如何利用散點圖矩陣進行資料視覺化矩陣視覺化
- 在WPF中嵌入WebBrowser視覺化頁面Web視覺化
- 頁面視覺化搭建工具前生今世視覺化
- 在進行大資料視覺化分析時,到底要如何進行呢?大資料視覺化
- 大資料視覺化的特點大資料視覺化
- Python視覺化:Seaborn(一)Python視覺化
- 【Python視覺化】使用Pyecharts進行奧運會視覺化分析~Python視覺化Echarts
- 最火前端Web組態軟體(視覺化)前端Web視覺化
- ISM Web工業視覺化組態軟體Web視覺化
- Blocs 4 for Mac(視覺化網頁設計工具)BloCMac視覺化網頁
- EverWeb 3.9.6 視覺化的網頁設計工具Web視覺化網頁
- 視覺化視覺化
- 大屏視覺化用什麼開發,視覺化地圖用什麼軟體做好一點視覺化地圖
- vue返回上一頁面如果沒有上一頁面返回首頁Vue
- MTFlexbox自動化埋點探索Flex
- web頁面中接入空號檢測API教程,實現視覺化號碼檢測WebAPI視覺化
- Python視覺化-散點圖與彩色散點圖Python視覺化