小程序零開發埋點，就是這麼簡單！

做者：騰訊有數 - TabPan

Taro 引入了騰訊有數的微信小程序無痕埋點能力，爲 Taro 的開發者提供真·零開發的 8 大無痕埋點能力以及自定義埋點能力，包含小程序啓動、顯示、隱藏、頁面瀏覽、頁面離開、分享、下拉刷新、上拉觸底等八大自動化埋點能力以及搜索、商品歸因等定製化埋點，以及經營分析、直播分析、導購分析等能力，讓你的小程序能夠基於微信生態，串聯全場景多觸點，實現全域經營洞察。

隨着人口紅利的結束，用戶增加面臨瓶頸期，如何尋找新的增加點成爲企業發展面臨的問題。微信做爲國內社交巨頭，擁有巨大流量，同時自然的社交屬性爲商業變現提供了良好的生態環境。小程序做爲微信生態中變現的戰略重點，潛力巨大。據最新數據顯示，小程序日活躍用戶超過 4 億，累計創造 8000 億交易額，愈來愈多的企業與團隊投入到小程序開發的隊伍中。

開發小程序的團隊雖多，但實際效果卻各不相同。如何讓開發出來但小程序實現快速增加，發揮社交規模效應，成爲每一個開發者都須要關注的問題。

騰訊有數做爲騰訊官方推出的微信生態內數據分析與數據應用的平臺，能夠爲開發者提供流量數據監測、渠道評估、用戶洞察、經營診斷、精準營銷等能力，指導運營決策。

目前，Taro 與騰訊有數已達成官方合做，Taro 的開發者可經過零開發的 無痕埋點能力以及自定義埋點能力，串聯微信內全場景多觸點，實現全域數據洞察。

一鍵安裝，實現真·零開發埋點

爲了讓開發者更簡單的接入體驗無痕埋點能力，騰訊有數聯合 Taro 從多個角度思考，打破邊界，從 Taro 命令行、Taro 模板、有數小程序 SDK、數據流轉鏈路多個角度優化，調整了 11 個縱向數據流轉鏈路、打通數據接入 4 個階段，13 個環節，將數據接入體驗從 3-5 天縮短至 10 分鐘。最後呈現給開發者零開發、零配置的從 0 到 1 的數據埋點體驗。

騰訊有數 & Taro 合做開發的微信小程序模板，能夠快速的經過命令行一鍵安裝，無需任何開發便可擁有小程序啓動、顯示、隱藏、頁面瀏覽、頁面離開、分享、下拉刷新、上拉觸底等八大自動化埋點能力。對於現存小程序，騰訊有數&Taro 也提供了能夠自動化分析、引入 SDK 的插件，能夠實現零開發引入 SDK，讓小程序開發者從繁瑣的埋點開發中解脫出來，直接引入基礎埋點功能。

流程示意圖

Taro*有數，助力全域數據分析

接入有數後，開發者能夠在平臺中查看流量指標、渠道來源、用戶趨勢、人羣畫像、公衆號直播等數據維度，瞭解當前小程序運營情況，實現數據驅動增加。

同時，除了基礎經營指標外，有數還提供商品分析與推薦、精準營銷、人羣推薦等高階能力，若有須要也可聯繫 youshu@tencent.com 進行申請。

如何使用

一、新建小程序快速體驗指南

須要升級 Taro 到 2.x 或 3.x

1. taro init myApp
2. 選擇default-youshu模板
3. npm run dev:weapp
4. 微信小程序開發者工具控制檯便可看到 8 大行爲日誌上報

5. 訪問  https://docs.qq.com/form/fill/DUkZHalR0RUJCVkVj#/fill  申請有數數據查看權限

   經過上述流程已經讓你的微信小程序擁有了 8 大用戶行爲埋點的體驗能力，體驗完成後，只須要更換有數的 Token 和微信小程序 appid，便可擁有有數的正式版功能。正式帳號獲取路徑：  https://docs.qq.com/form/fill/DUkZHalR0RUJCVkVj#/fill

二、現存小程序的有數 SDK 接入

1. 安裝

• 經過 npm 安裝 SDK
  npm i sr-sdk-wxapp
• 在 app.jsx 中經過 import 引入 SDK
  import sr from 'sr-sdk-wxapp'

2. 添加可信域名

登陸微信公衆平臺，進入<開發><開發設置><服務器域名>，將  https://zhls.qq.com  添加爲 request 合法域名。

在開發環境中還有 SDK 版本檢查，因此會提示   https://sr-home-1257214331.cos.ap-guangzhou.myqcloud.com 不在如下 request 合法域名列表中 , 能夠經過設置不校驗域名來處理。

3. init 初始化

init(options: object)

配置接口，用來調整 SDK 的基礎機制。應該在App()調用以前調用。

首次調用初始化 SDK，再次調用覆蓋以前傳入的配置，可屢次調用。

名稱	類型	必填	描述
appid	string	Y	微信小程序 appId
token	string	Y	經過接入申請後，有數提供的憑證字符串
usePlugin	bool		是否使用了小程序插件，默認是：false
debug	bool		是否打印日誌，默認是：false
openSdkShareDepth	bool		是否打開分享鏈路記錄功能，默認值爲 false，打開後，將記錄用戶分享鏈路 A->B->C->D
serverUrl	string		傳入自定義的後臺上報接口，若傳入則 token 將無心義， 默認是：’https://zhls.qq.com/api/report’
trackApp	bool		是否開啓自動跟蹤 APP 的曝光事件（APP 相關預置事件，如 APP - onLuanch），默認是：true
proxyPage	bool		是否開啓自動代理 Page，默認是：false。SDK 負責上報頁面的 browse、leave、share 等事件能夠使用 sr.page 代替 Page(sr.page(options))
autoStart	bool		是否開啓自動開始上報，默認是：false，open_id 沒法自動獲取，通常在 login 業務以後手動調用 sr.startReport 方法開啓上報

4. 示例

import sr from 'sr-sdk-wxapp'
sr.init({
  /**
   * 有數 - ka‘接入測試用’ 分配的 app_id，對應的業務接口人負責
   */
  token: 'bi72fccc7184ef4xxx',
  /**
   * 微信小程序 appID，以 wx 開頭
   */
  appid: 'wx195745e8e342bxxx',
  /**
   * 若是使用了小程序插件，須要設置爲 true
   */
  usePlugin: false,
  /**
   * 開啓打印調試信息， 默認 false
   */
  debug: true,
  /**
   * 建議開啓-開啓自動代理 Page， 默認 false
   * sdk 負責上報頁面的 browse、leave、share 等事件
   * 能夠使用 sr.page 代替 Page(sr.page(options))
   * 元素事件跟蹤，須要配合 autoTrack: true
   */
  proxyPage: true,
  /**
   * 建議開啓-開啓組件自動代理， 默認 false
   * sdk 負責上報頁面的 browse、leave、share 等事件
   */
  proxyComponent: true,
  // 建議開啓-是否開啓頁面分享鏈路自動跟蹤
  openSdkShareDepth: true,
  // 建議開啓-元素事件跟蹤，自動上報元素事件，入 tap、change、longpress、confirm
  autoTrack: true,
})

瞭解更多騰訊有數的無痕埋點SDK，支持微信原生小程序、Taro、mpvue、WePY、uni-app ：https://mp.zhls.qq.com/youshu...
瞭解更多「Taro x 騰訊有數」的信息：https://taro-docs.jd.com/taro...

---

歡迎關注凹凸實驗室博客：aotu.io

或者關注凹凸實驗室公衆號（AOTULabs），不定時推送文章：