Web 通用自動埋點解決方案（mtracker）是 PC 端和移動端 H5 頁面通用的埋點方案。該方案通過設定標籤屬性來實現自動上報埋點，實現在移動端 H5 頁面中使用該方案上報頁面顯示、點擊、曝光埋點。
在配置通用埋點之前，您需要瞭解不同的業務情境使用的不同埋點類型：
訪問量埋點
引入了 mtracker 之後，每次開啟頁面都會在日誌中記錄一次訪問，不需要額外的操作。
點擊埋點
記錄網頁頁面內某個按鈕、連結的點擊操作。
標籤埋點
mtracker 會監聽點擊事件，自動為有
data-seed屬性的標籤添加點擊的日誌。<div data-seed="seedname"></div>如果業務需要
bizType，增加以data-biztype為首碼的屬性，也會跟隨seed埋入日誌。
<div data-seed="seedname" data-biztype="xxx"></div>如果業務需要額外的點擊埋點資訊，增加以 data-mtr- 為首碼的屬性，也會跟隨 seed 埋入日誌，實際埋入的擴充屬性會去掉 data-mtr- 的首碼。
// 上報的 seed 為 seedname，擴充屬性為 extra1=111^extra2=222
<div data-seed="seedname" data-mtr-extra1="111" data-mtr-extra2="222" >
</div>主動觸發
有些業務情境需要手動觸發埋點點擊事件，比如點擊了同一個標籤後，要判斷埋入不同的點，這個時候就需要用到 JS 點擊埋點方法。
Tracker.click(eventId, options)參數說明
參數 | 類型 | 樣本 | 描述 |
|---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | - | 選項配置，包含 |
bizType | String | Pay | 業務碼 |
ext | Object |
| 擴充參數 |
程式碼範例
Tracker.click('clickseedname', { bizType: 'Pay', ext: { productId: 'xxx' } });曝光埋點
記錄網頁頁面內某段內容的曝光情況。
如果需要手動觸發埋點曝光事件，比如輪播圖顯示，需要用到 JS 曝光埋點方法 Tracker. expo()。
Tracker.expo(eventId, options)參數說明
參數 | 類型 | 樣本 | 描述 |
|---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | - | 選項配置，包含 |
bizType | String | Pay | 業務碼 |
ext | Object |
| 擴充參數 |
程式碼範例
Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });