Web頁面如何進行視覺化埋點(三)
在 上一篇文章中,我們介紹了 動態標籤管理服務 的 普通埋點 和 按 Tag 埋點 ,接下來將給大家介紹結合華為分析跳轉埋點的方式及具體操作教程。
>>什麼是結合華為分析跳轉埋點?
該埋點方式針對上報 華為分析場景,華為分析根據行業常用場景建立埋點模板,適用於在華為分析上檢視分析報表的場景。
1.1 建立視覺化連線
1) 選擇“分析 > 智慧資料接入 > 埋點開發”頁面,點選待埋點分析報告後的“視覺化埋點”。
2) 在彈框中選擇要埋點的應用,點選“去埋點”,系統跳轉至 DTM 視覺化埋點介面。
3) 在左側的“選擇程式碼模板”頁面,系統自動生成程式碼模板,在右側的“新增埋點”頁面,確認要埋點的網址,點選“開始埋點”。
1.2 新增埋點
1 ) 系統跳轉至“新增埋點”頁面,點選右側的“新增埋點”按鈕。
2) 選擇您要埋點的元素,並在左側頁面圈選元素
3) 點選圈選元素後,若該圈選元素為同類元素,則系統彈出如下提示框。
若點選 “ 確定 ” ,則該元素被作為同類元素埋點;若點選 “ 取消 ” ,則該元素被作為非同類元素埋點。
4) 在 “ 新增埋點 ” 頁面,透過 “ 埋點名稱 ” 下拉框設定埋點名稱。
“ 埋點名稱 ” 由華為分析報告模板配置而來,不可自定義新增或修改。
5) 在 “ 引數 ” 頁籤,為每個 “ 鍵 ” 設定對應的 “ 值 ” ,單擊 “ 確定 ” 。
引數中的 “ 鍵 ” 由華為分析報告模板配置而來,對於其中的必填項,不可刪除或修改。
6) (可選)對於已新增的埋點,您可以根據需要,透過埋點名稱後面的按鈕,進行暫停、編輯、刪除及檢視詳情等相關操作。
1.3 建立及釋出版本
1) 進入“版本管理”頁面,點選“新建”按鈕。
2) 在“建立版本”頁面輸入版本名稱和描述。
3) 選擇“建立併發布此版本”選項。
4) 點選“確定”。
1.4 觸發視覺化事件
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/0201547487648900299?fid=18
原作者:胡椒
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69970551/viewspace-2775902/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Web頁面如何進行視覺化埋點(一)Web視覺化
- Web頁面如何進行視覺化埋點(二)Web視覺化
- 如何使用Android視覺化埋點Android視覺化
- 【教程】手把手教你使用 MTA 視覺化埋點視覺化
- 視覺化埋點在React Native中的實踐視覺化React Native
- 商家視覺化埋點探索和實踐|得物技術視覺化
- 產品如何進行大屏資料視覺化.md視覺化
- 如何進行頁面優化?優化
- 資料視覺化如何進行?大致流程是怎樣的?視覺化
- Excel裡面如何進行歐元轉換Excel
- Web 頁面如何新增水印?Web
- 騰訊移動分析 MTA 首推視覺化埋點!動態運營是關鍵!視覺化
- 頁面視覺化搭建工具技術要點視覺化
- Web 頁面如何實現動畫效果Web動畫
- CNN視覺化技術總結(三)--類視覺化CNN視覺化
- 沒想到,Python 還可以製作 Web 視覺化頁面!PythonWeb視覺化
- 超低技術門檻!運營人員也可以直接使用Android視覺化埋點Android視覺化
- Django 視覺化Web展示 學習Django視覺化Web
- 做資料視覺化,謹記三大要點視覺化
- Flutter頁面曝光事件埋點框架Flutter事件框架
- Html網頁標籤曝光埋點HTML網頁
- 如何利用散點圖矩陣進行資料視覺化矩陣視覺化
- 在WPF中嵌入WebBrowser視覺化頁面Web視覺化
- 頁面視覺化搭建工具前生今世視覺化
- 彈簧系統三維視覺化視覺化
- 在進行大資料視覺化分析時,到底要如何進行呢?大資料視覺化
- 基於Web的數字孿生三維視覺化綜合管理系統Web視覺化
- 大資料視覺化的特點大資料視覺化
- 視覺SLAM漫談 (三): 研究點介紹視覺SLAM
- 視覺化的三大誤區,哪些視覺化工具受歡迎?視覺化
- “用資料說話,從埋點開始”-帶你理解前端的三種埋點前端
- 【Python視覺化】使用Pyecharts進行奧運會視覺化分析~Python視覺化Echarts
- 最火前端Web組態軟體(視覺化)前端Web視覺化
- ISM Web工業視覺化組態軟體Web視覺化
- Blocs 4 for Mac(視覺化網頁設計工具)BloCMac視覺化網頁
- EverWeb 3.9.6 視覺化的網頁設計工具Web視覺化網頁
- 視覺化視覺化
- AOP埋點從入門到放棄(三)