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視覺化
- 如何進行頁面優化?優化
- 沒想到,Python 還可以製作 Web 視覺化頁面!PythonWeb視覺化
- 頁面視覺化搭建工具技術要點視覺化
- 視覺化埋點在React Native中的實踐視覺化React Native
- 如何利用散點圖矩陣進行資料視覺化矩陣視覺化
- Flutter頁面曝光事件埋點框架Flutter事件框架
- 如何使用Python 進行資料視覺化Python視覺化
- 商家視覺化埋點探索和實踐|得物技術視覺化
- 頁面視覺化搭建工具前生今世視覺化
- 在WPF中嵌入WebBrowser視覺化頁面Web視覺化
- 如何使用Plotly和Dash進行資料視覺化視覺化
- 產品如何進行大屏資料視覺化.md視覺化
- 如何將資料進行資料視覺化展現?視覺化
- 使用 Python 進行資料視覺化Python視覺化
- 如何使用Web3.js API 在頁面中進行轉賬WebJSAPI
- Hystrix 監控視覺化頁面——Dashboard 流監控視覺化
- 【Python視覺化】使用Pyecharts進行奧運會視覺化分析~Python視覺化Echarts
- ElasticSearch第二篇:視覺化頁面進階Kibana,windows下安裝,配置Elasticsearch視覺化Windows
- 資料視覺化如何進行?大致流程是怎樣的?視覺化
- MyEclipse的html頁面 design檢視中 關閉視覺化介面EclipseHTML視覺化
- web頁面中接入空號檢測API教程,實現視覺化號碼檢測WebAPI視覺化
- vue-design 桌面端頁面視覺化構建程式Vue視覺化
- 超低技術門檻!運營人員也可以直接使用Android視覺化埋點Android視覺化
- CNN視覺化技術總結(三)--類視覺化CNN視覺化
- HTML5 Web儲存 頁面間進行傳值HTMLWeb
- 如何對php網站頁面進行修改PHP網站
- RabbitMQ的web頁面介紹(三)MQWeb
- Flutter終於有視覺化編輯頁面了(Hot UI)Flutter視覺化UI
- 如何利用Python詞雲和wordart視覺化工具對朋友圈資料進行視覺化展示PythonDart視覺化
- Django 視覺化Web展示 學習Django視覺化Web
- Html網頁標籤曝光埋點HTML網頁
- 【python】爬取疫情資料並進行視覺化Python視覺化
- 使用 Robot Framework 進行自動化視覺測試Framework視覺
- python對資料集進行清洗與視覺化Python視覺化
- 做資料視覺化,謹記三大要點視覺化