欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序數(shù)據(jù)分析之自定義分析的實(shí)現(xiàn)

 更新時(shí)間:2018年08月17日 09:36:05   作者:4fun  
這篇文章主要介紹了微信小程序數(shù)據(jù)分析之自定義分析的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

在小程序后臺(tái),微信已經(jīng)提供了強(qiáng)大的數(shù)據(jù)分析功能,包括實(shí)時(shí)統(tǒng)計(jì)、訪問(wèn)分析、來(lái)源分析和用戶畫(huà)像功能,可以說(shuō)對(duì)一般的數(shù)據(jù)分析已經(jīng)完全足夠了,但有時(shí)應(yīng)用需要做一些更加精準(zhǔn)的數(shù)據(jù)分析,比如具體到某一個(gè)頁(yè)面的分享,頁(yè)面中某一個(gè)button的點(diǎn)擊等,這時(shí)候就需要用到自定義分析功能。

什么是自定義分析?

引用下官方文檔:

自定義分析支持靈活多維和近實(shí)時(shí)的用戶行為分析,可以通過(guò)自定義上報(bào),對(duì)用戶在小程序內(nèi)的行為做精細(xì)化跟蹤,滿足頁(yè)面訪問(wèn)等標(biāo)準(zhǔn)統(tǒng)計(jì)以外的個(gè)性化分析需求。

創(chuàng)建自定義事件

  • 事件英文名稱和事件中文名稱按照說(shuō)明要求填寫(xiě),這兩個(gè)名稱都是唯一的,不能設(shè)置成已經(jīng)設(shè)置過(guò)的,而且設(shè)置的時(shí)候盡量簡(jiǎn)潔、還要見(jiàn)名知意
  • 配置方式有:填寫(xiě)配置、API上報(bào)。
  • 配置模版:官方已經(jīng)提供了一些自定義事件模版,直接使用就可以,包括有:進(jìn)入頁(yè)面、離開(kāi)頁(yè)面、小程序內(nèi)分享,不過(guò)這些事件的分析粒度都比較粗,針對(duì)整個(gè)應(yīng)用,可以自己修改只針對(duì)某一頁(yè)
  • 填寫(xiě)配置的方式支持以下幾種統(tǒng)計(jì)觸發(fā)器,有:

click 點(diǎn)擊時(shí)觸發(fā)
enterPage 進(jìn)入頁(yè)面時(shí)觸發(fā),包括新開(kāi)、后退、切換到前臺(tái)都屬于進(jìn)入頁(yè)面
leavePage 離開(kāi)頁(yè)面時(shí)觸發(fā),包括離開(kāi)、切換到后臺(tái)都屬于離開(kāi)頁(yè)面
pageLoad 新開(kāi)頁(yè)面時(shí)觸發(fā),即第一次進(jìn)入頁(yè)面
pageUnload 回收頁(yè)面時(shí)觸發(fā)
pullDownRefresh 下拉刷新時(shí)觸發(fā)
launch 加載小程序時(shí)觸發(fā)
background 切換到后臺(tái)觸發(fā)
foreground 切換到前臺(tái)觸發(fā)
share 右上角菜單分享
switchTab 調(diào)用switchTab接口切換頁(yè)面時(shí)觸發(fā)

  • action指出發(fā)時(shí)的動(dòng)作,一次性上報(bào),表示在每一次 click 中,收集數(shù)據(jù)并上報(bào)一條數(shù)據(jù);分步驟上報(bào)我也還沒(méi)搞懂 😅
  • page指要觸發(fā)該事件的頁(yè)面,這里填寫(xiě)的內(nèi)容必須要和app.json中配置的頁(yè)面路徑一樣
  • data是選填的,是用來(lái)給事件觸發(fā)時(shí)傳遞一些數(shù)據(jù)的,其中,字段值就是當(dāng)前page的data中的數(shù)據(jù)名稱

舉個(gè)例子🌰

電商類小程序中,用戶會(huì)有一個(gè)點(diǎn)擊商品添加到購(gòu)物車的動(dòng)作,我們可以對(duì)這個(gè)動(dòng)作進(jìn)行數(shù)據(jù)分析,以下是填寫(xiě)配置的方式:

1、填寫(xiě)事件英文和中文名稱:

2、填寫(xiě)事件配置,定義如何收集數(shù)據(jù):

這個(gè)例子中,用一個(gè)動(dòng)作上報(bào)“加入購(gòu)物車”事件。

  • trigger:觸發(fā)條件,click,表示點(diǎn)擊操作觸發(fā);
  • action:觸發(fā)時(shí)動(dòng)作,一次性上報(bào),表示在每一次 click 中,收集數(shù)據(jù)并上報(bào)一條數(shù)據(jù);
  • page:觸發(fā)頁(yè)面,填 viewProduct(viewProduct 是商品詳情頁(yè));
  • element:觸發(fā)元素,填 .addToCart(.addToCart 是一個(gè)“加入購(gòu)物車”的按鈕);
  • data:事件的數(shù)據(jù)及其來(lái)源,用“字段名 字段值”來(lái)表示,其中字段值是頁(yè)面上的一個(gè)變量。

詳細(xì)說(shuō)一下字段值,他有如下規(guī)則:

  • 填寫(xiě)的變量名,默認(rèn)從page實(shí)例的data字段中獲取
  • 若想收集由list變量渲染的列表中的某一項(xiàng)數(shù)據(jù),則可用list[].*表示,這里會(huì)根據(jù)當(dāng)前填寫(xiě)的element(只能是class)得到的NodeList的第幾個(gè)來(lái)決定數(shù)組下標(biāo)。
  • 若列表是二維的,則可用list[](file:///Users/wanghui/Blog/source/_posts/WeChat-miniprogram-data-analysis-custom-analysis.md#).*表示,這里element需填寫(xiě)兩個(gè)class(空格隔開(kāi))分別表示父列表與子列表。
  • 若想取得數(shù)組的下標(biāo),則可用list[].$INDEX表示
  • 若想取得wxml中data-系列屬性的值,則可用$DATASET.表示
  • 若想取得app實(shí)例的數(shù)據(jù),則可用$APP.*表示,只支持獲取基本類型的數(shù)據(jù),如number、string、boolean。

除此之外,還可以填寫(xiě)一些提供的系統(tǒng)屬性,以“$”開(kāi)頭,目前支持以下屬性:

  • $PAGE_TIME 用戶從進(jìn)入本頁(yè)面到當(dāng)前的時(shí)間(觸發(fā)action的時(shí)間點(diǎn))
  • $APP_TIME 用戶進(jìn)入小程序到當(dāng)前的時(shí)間(觸發(fā)action的時(shí)間點(diǎn))
  • $CURRENT_PAGE 當(dāng)前用戶所在的頁(yè)面
  • $LAST_PAGE 上一頁(yè)
注:data可以為空,為空時(shí)該事件上報(bào)僅收集系統(tǒng)默認(rèn)字段的數(shù)據(jù)

這個(gè)例子中,data有四項(xiàng):

product_id: itemID

product_name: itemName

product_price: price

product_category: category

即:

事件的product_id字段,收集viewProduct頁(yè)面上page實(shí)例的data中的itemID字段;

事件的product_name字段,收集viewProduct頁(yè)面上page實(shí)例的data中的itemName字段;

事件的product_price字段,收集viewProduct頁(yè)面上page實(shí)例的data中的price字段;

事件的product_category字段,收集viewProduct頁(yè)面上page實(shí)例的data中的category字段;

以上內(nèi)容表示:當(dāng)用戶點(diǎn)擊 viewProduct 頁(yè)面上的 .addToCart 按鈕時(shí),上報(bào)一條記錄到 add_to_cart 事件,事件的 product_id, product_name, product_price, product_category 字段, 取值分別是頁(yè)面上的 itemID, itemName, price, category。

填寫(xiě)完配置后,還要點(diǎn)擊檢查字段。

此時(shí)會(huì)提示 add_to_cart 事件包含的具體字段,繼續(xù)補(bǔ)充字段的名稱、數(shù)據(jù)類型和備注信息。

關(guān)于API上報(bào)

API上報(bào)比填寫(xiě)配置的方式更加靈活,但這也涉及到一些代碼的更改,需要發(fā)布新版本,而填寫(xiě)配置的方式幾乎不需要更改代碼,所以無(wú)需發(fā)布新版本。當(dāng)我們選擇API上報(bào)后,我們可以設(shè)置需要上報(bào)的一下參數(shù):

點(diǎn)擊生成代碼:

時(shí)間創(chuàng)建完成后,點(diǎn)擊保存,后臺(tái)就生成了一條事件記錄,并有唯一的ID與它對(duì)應(yīng):

接著,我們?cè)谛〕绦虼a中可以插入生成的代碼,如下是我在轉(zhuǎn)發(fā)成功后的success()回掉函數(shù)中提交API上報(bào)。

...
// 轉(zhuǎn)發(fā)成功
success: function (res) {
   wx.reportAnalytics('click_share', {
    page_path: current_page_path,
    from: from,
   });
},
...

不管是填寫(xiě)配置還是API上報(bào),都需要在填寫(xiě)完配置后保存并測(cè)試。

我們?cè)跍y(cè)試事件的時(shí)候,往往要過(guò)一段時(shí)間才能接收到數(shù)據(jù),大概1-2分鐘,為了能夠及時(shí)判斷正確性,我們可以在手機(jī)上的小程序應(yīng)用中,打開(kāi)調(diào)試,這樣,每次觸發(fā)事件時(shí),都會(huì)在控制臺(tái)的Log中看到[自定義分析]上報(bào)成功的字樣,點(diǎn)擊查看還能看到更多數(shù)據(jù),比如上報(bào)的參數(shù)等,里面的eventID就對(duì)應(yīng)事件的英文名稱,可以通過(guò)這種方式快速判斷事件觸發(fā)是否符合預(yù)期,如下截圖:

通過(guò)使用,我們發(fā)現(xiàn)小程序的自定義分析功能很強(qiáng)大,你可以在頁(yè)面上分析任何元素、任何事件,使我們可以全方位的了解到小程序的使用情況,對(duì)數(shù)據(jù)加以分析總結(jié),并以數(shù)據(jù)來(lái)驅(qū)動(dòng)產(chǎn)品的迭代,提高用戶留存。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • a標(biāo)簽調(diào)用js的方法總結(jié)

    a標(biāo)簽調(diào)用js的方法總結(jié)

    在本篇文章中小編給大家整理了一篇關(guān)于a標(biāo)簽調(diào)用js的幾種方法的相關(guān)內(nèi)容,有此需要的朋友們可以參考下。
    2019-09-09
  • js實(shí)現(xiàn)驗(yàn)證碼功能

    js實(shí)現(xiàn)驗(yàn)證碼功能

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)驗(yàn)證碼功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • ES6 Symbol在對(duì)象中的作用實(shí)例分析

    ES6 Symbol在對(duì)象中的作用實(shí)例分析

    這篇文章主要介紹了ES6 Symbol在對(duì)象中的作用,結(jié)合實(shí)例形式分析了ES6 Symbol在對(duì)象中聲明、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2020-06-06
  • 最短的javascript:地址欄載入腳本代碼

    最短的javascript:地址欄載入腳本代碼

    相信大家都在地址欄里用javascript:的形式執(zhí)行過(guò)腳本。這種方法簡(jiǎn)單實(shí)用,測(cè)試比較短的腳本時(shí)經(jīng)常用到
    2011-10-10
  • JS實(shí)用的帶停頓的逐行文本循環(huán)滾動(dòng)效果實(shí)例

    JS實(shí)用的帶停頓的逐行文本循環(huán)滾動(dòng)效果實(shí)例

    下面小編就為大家?guī)?lái)一篇JS實(shí)用的帶停頓的逐行文本循環(huán)滾動(dòng)效果實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-11-11
  • 利用JS實(shí)現(xiàn)瀏覽器的title閃爍

    利用JS實(shí)現(xiàn)瀏覽器的title閃爍

    經(jīng)??梢钥匆?jiàn)的title里面的消息提示,下面是JS的一種實(shí)現(xiàn)方法,需要的朋友可以參考下
    2013-07-07
  • bootstrap多種樣式進(jìn)度條展示

    bootstrap多種樣式進(jìn)度條展示

    這篇文章主要為大家展示了bootstrap多種樣式進(jìn)度條,默認(rèn)進(jìn)度條、條紋進(jìn)度條等,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • 用Javascript評(píng)估用戶輸入密碼的強(qiáng)度實(shí)現(xiàn)代碼

    用Javascript評(píng)估用戶輸入密碼的強(qiáng)度實(shí)現(xiàn)代碼

    用Javascript評(píng)估用戶輸入密碼的強(qiáng)度實(shí)現(xiàn)代碼,需要的朋友可以參考下。
    2011-11-11
  • 詳解JS設(shè)計(jì)模式之橋接模式用法

    詳解JS設(shè)計(jì)模式之橋接模式用法

    javascript橋接橋接設(shè)計(jì)模式(Bridge Pattern)是一種結(jié)構(gòu)型設(shè)計(jì)模式,它用于將抽象部分與其具體實(shí)現(xiàn)部分分離,使它們可以獨(dú)立地變化,本文將通過(guò)代碼示例詳解的給大家介紹一下JS橋接模式,需要的朋友可以參考下
    2023-08-08
  • javascript實(shí)現(xiàn)彈幕墻效果

    javascript實(shí)現(xiàn)彈幕墻效果

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)彈幕墻效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-11-11

最新評(píng)論