通用埋點(diǎn)類(lèi)型
Web 通用自動(dòng)埋點(diǎn)解決方案(mtracker)是 PC 端和移動(dòng)端 H5 頁(yè)面通用的埋點(diǎn)方案。該方案通過(guò)設(shè)置標(biāo)簽屬性來(lái)實(shí)現(xiàn)自動(dòng)上報(bào)埋點(diǎn),實(shí)現(xiàn)在移動(dòng)端 H5 頁(yè)面中使用該方案上報(bào)頁(yè)面顯示、點(diǎn)擊、曝光埋點(diǎn)。
在配置通用埋點(diǎn)之前,您需要了解不同的業(yè)務(wù)場(chǎng)景使用的不同埋點(diǎn)類(lèi)型:
訪問(wèn)量埋點(diǎn)
引入了 mtracker 之后,每次打開(kāi)頁(yè)面都會(huì)在日志中記錄一次訪問(wèn),不需要額外的操作。
點(diǎn)擊埋點(diǎn)
記錄網(wǎng)頁(yè)頁(yè)面內(nèi)某個(gè)按鈕、鏈接的點(diǎn)擊操作。
標(biāo)簽埋點(diǎn)
mtracker 會(huì)監(jiān)聽(tīng)點(diǎn)擊事件,自動(dòng)為有
data-seed
屬性的標(biāo)簽添加點(diǎn)擊的日志。<div data-seed="seedname"></div>
如果業(yè)務(wù)需要
bizType
,增加以data-biztype
為前綴的屬性,也會(huì)跟隨seed
埋入日志。
<div data-seed="seedname" data-biztype="xxx"></div>
如果業(yè)務(wù)需要額外的點(diǎn)擊埋點(diǎn)信息,增加以 data-mtr-
為前綴的屬性,也會(huì)跟隨 seed
埋入日志,實(shí)際埋入的擴(kuò)展屬性會(huì)去掉 data-mtr-
的前綴。
// 上報(bào)的 seed 為 seedname,擴(kuò)展屬性為 extra1=111^extra2=222
<div data-seed="seedname" data-mtr-extra1="111" data-mtr-extra2="222" >
</div>
主動(dòng)觸發(fā)
有些業(yè)務(wù)場(chǎng)景需要手動(dòng)觸發(fā)埋點(diǎn)點(diǎn)擊事件,比如點(diǎn)擊了同一個(gè)標(biāo)簽后,要判斷埋入不同的點(diǎn),這個(gè)時(shí)候就需要用到 JS 點(diǎn)擊埋點(diǎn)方法。
Tracker.click(eventId, options)
參數(shù)說(shuō)明
參數(shù) | 類(lèi)型 | 示例 | 描述 |
---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | - | 選項(xiàng)配置,包含 |
bizType | String | Pay | 業(yè)務(wù)碼 |
ext | Object |
| 擴(kuò)展參數(shù) |
代碼示例
Tracker.click('clickseedname', { bizType: 'Pay', ext: { productId: 'xxx' } });
曝光埋點(diǎn)
記錄網(wǎng)頁(yè)頁(yè)面內(nèi)某段內(nèi)容的曝光情況。
如果需要手動(dòng)觸發(fā)埋點(diǎn)曝光事件,比如輪播圖顯示,需要用到 JS 曝光埋點(diǎn)方法 Tracker. expo()
。
Tracker.expo(eventId, options)
參數(shù)說(shuō)明
參數(shù) | 類(lèi)型 | 示例 | 描述 |
---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | - | 選項(xiàng)配置,包含 |
bizType | String | Pay | 業(yè)務(wù)碼 |
ext | Object |
| 擴(kuò)展參數(shù) |
代碼示例
Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });