• <label id="pxtpz"><meter id="pxtpz"></meter></label>
      1. <span id="pxtpz"><optgroup id="pxtpz"></optgroup></span>

        當(dāng)前位置:雨林木風(fēng)下載站 > 應(yīng)用軟件教程 > 詳細頁面

        微信小程序中數(shù)據(jù)的自定義區(qū)分過程

        微信小程序中數(shù)據(jù)的自定義區(qū)分過程

        更新時間:2025-09-20 文章作者:未知 信息來源:網(wǎng)絡(luò) 閱讀次數(shù):

        導(dǎo)微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一...
        微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項門檻非常高的創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。
        本篇文章給大家?guī)淼膬?nèi)容是關(guān)于微信小程序中數(shù)據(jù)的自定義分析過程,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

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

        什么是自定義分析?

        引用下官方文檔:

        自定義分析支持靈活多維和近實時的用戶行為分析,可以通過自定義上報,對用戶在小程序內(nèi)的行為做精細化跟蹤,滿足頁面訪問等標準統(tǒng)計以外的個性化分析需求。

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

        2650331-bb2b88672e49447a.jpg

        • 事件英文名稱和事件中文名稱按照說明要求填寫,這兩個名稱都是唯一的,不能設(shè)置成已經(jīng)設(shè)置過的,而且設(shè)置的時候盡量簡潔、還要見名知意

        • 配置方式有:填寫配置、API上報。

        • 配置模版:官方已經(jīng)提供了一些自定義事件模版,直接使用就可以,包括有:進入頁面、離開頁面、小程序內(nèi)分享,不過這些事件的分析粒度都比較粗,針對整個應(yīng)用,可以自己修改只針對某一頁

        • 填寫配置的方式支持以下幾種統(tǒng)計觸發(fā)器,有:

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

        2650331-f399f1ec1e462fbc.jpg

        • action指出發(fā)時的動作,一次性上報,表示在每一次 click 中,收集數(shù)據(jù)并上報一條數(shù)據(jù);分步驟上報我也還沒搞懂。

        • page指要觸發(fā)該事件的頁面,這里填寫的內(nèi)容必須要和app.json中配置的頁面路徑一樣

        • data是選填的,是用來給事件觸發(fā)時傳遞一些數(shù)據(jù)的,其中,字段值就是當(dāng)前page的data中的數(shù)據(jù)名稱

        舉個例子

        電商類小程序中,用戶會有一個點擊商品添加到購物車的動作,我們可以對這個動作進行數(shù)據(jù)分析,以下是填寫配置的方式:

        填寫事件英文和中文名稱:

        2650331-7ce5ba6ef277c046.jpg

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

        2650331-385f113cc3207f6e.jpg

        這個例子中,用一個動作上報“加入購物車”事件。

        trigger:觸發(fā)條件,click,表示點擊操作觸發(fā);

        action:觸發(fā)時動作,一次性上報,表示在每一次 click 中,收集數(shù)據(jù)并上報一條數(shù)據(jù);

        page:觸發(fā)頁面,填 viewProduct(viewProduct 是商品詳情頁);

        element:觸發(fā)元素,填 .addToCart(.addToCart 是一個“加入購物車”的按鈕);

        data:事件的數(shù)據(jù)及其來源,用“字段名 字段值”來表示,其中字段值是頁面上的一個變量。

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

        填寫的變量名,默認從page實例的data字段中獲取

        若想收集由list變量渲染的列表中的某一項數(shù)據(jù),則可用list[].*表示,這里會根據(jù)當(dāng)前填寫的element(只能是class)得到的NodeList的第幾個來決定數(shù)組下標。

        若列表是二維的,則可用list[](file:///Users/wanghui/Blog/source/_posts/WeChat-miniprogram-data-analysis-custom-analysis.md#).*表示,這里element需填寫兩個class(空格隔開)分別表示父列表與子列表。

        若想取得數(shù)組的下標,則可用list[].$INDEX表示

        若想取得wxml中data-系列屬性的值,則可用$DATASET.表示

        若想取得app實例的數(shù)據(jù),則可用$APP.*表示,只支持獲取基本類型的數(shù)據(jù),如number、string、boolean。

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

        $PAGE_TIME 用戶從進入本頁面到當(dāng)前的時間(觸發(fā)action的時間點)

        $APP_TIME 用戶進入小程序到當(dāng)前的時間(觸發(fā)action的時間點)

        $CURRENT_PAGE 當(dāng)前用戶所在的頁面

        $LAST_PAGE 上一頁

        注:data可以為空,為空時該事件上報僅收集系統(tǒng)默認字段的數(shù)據(jù)

        這個例子中,data有四項:

        product_id: itemID

        product_name: itemName

        product_price: price

        product_category: category

        即:

        事件的product_id字段,收集viewProduct頁面上page實例的data中的itemID字段;

        事件的product_name字段,收集viewProduct頁面上page實例的data中的itemName字段;

        事件的product_price字段,收集viewProduct頁面上page實例的data中的price字段;

        事件的product_category字段,收集viewProduct頁面上page實例的data中的category字段;

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

        填寫完配置后,還要點擊檢查字段。

        2650331-adf7fe68dc8cb0eb.jpg

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

        關(guān)于API上報

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

        2650331-00410ccb1e7c8b8f.jpg

        2650331-86c887e05578ce0d.jpg

        2650331-d93e784196875257.jpg

        接著,我們在小程序代碼中可以插入生成的代碼,如下是我在轉(zhuǎn)發(fā)成功后的success()回掉函數(shù)中提交API上報。

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

        不管是填寫配置還是API上報,都需要在填寫完配置后保存并測試。

        2650331-78d3ba09015cc743.jpg

        2650331-bfa72f00af729f16.jpg

        2650331-4956b6a658fb2f87.jpg

        2650331-63d3f4f673cc2400.jpg

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

        2650331-f586938aee0e473c.jpg

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

        相關(guān)推薦:

        微信小程序 - 自定義創(chuàng)建

        JavaScript中自定義事件用法分析_javascript技巧

        微信小程序自定義toast實現(xiàn)方法詳解

        以上就是微信小程序中數(shù)據(jù)的自定義分析過程的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


        小程序是一種不需要下載安裝即可使用的應(yīng)用,它實現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(yīng)用。

        溫馨提示:喜歡本站的話,請收藏一下本站!

        本類教程下載

        系統(tǒng)下載排行

        主站蜘蛛池模板: 亚洲AV无码成人精品区日韩| 亚洲AV无码欧洲AV无码网站| 亚洲卡一卡二卡乱码新区| 91在线老王精品免费播放| 亚洲成AV人片在线播放无码| 性xxxxx大片免费视频| 亚洲av无码不卡一区二区三区| 国产无遮挡无码视频免费软件| 国产亚洲AV夜间福利香蕉149| 亚洲av成人中文无码专区| 久久久久久精品免费看SSS| 久久亚洲AV无码精品色午夜| 91久久精品国产免费一区| 91亚洲视频在线观看| 西西大胆无码视频免费| 亚洲精品无码高潮喷水A片软| 国产精品四虎在线观看免费| 免费高清A级毛片在线播放| 亚洲日韩精品无码专区网站| 中文字幕免费在线观看动作大片| 国产亚洲精品国产| 91免费播放人人爽人人快乐| 亚洲欧美日韩中文高清www777| 国产hs免费高清在线观看| 国产精品免费久久久久影院| 亚洲精品成人av在线| 曰批全过程免费视频在线观看| 校园亚洲春色另类小说合集| 国产亚洲成人在线播放va| 日韩精品无码专区免费播放| 亚洲中文字幕无码中文字| 亚洲成a人片在线观看久| 中文字幕乱码一区二区免费| 久久精品国产亚洲av麻豆蜜芽| 免费看一级做a爰片久久| 两个人看的www免费视频中文| 亚洲乱码一二三四区国产| 亚洲福利在线播放| 曰批全过程免费视频网址| 看成年女人免费午夜视频| 久久精品亚洲精品国产色婷|