小程式零開發埋點,就是這麼簡單!

来源:https://www.cnblogs.com/o2team/archive/2020/07/07/13259338.html
-Advertisement-
Play Games

作者:騰訊有數 - TabPan Taro 引入了騰訊有數的微信小程式無痕埋點能力,為 Taro 的開發者提供真·零開發的 8 大無痕埋點能力以及自定義埋點能力,包含小程式啟動、顯示、隱藏、頁面瀏覽、頁面離開、分享、下拉刷新、上拉觸底等八大自動化埋點能力以及搜索、商品歸因等定製化埋點,以及經營分析、 ...


作者:騰訊有數 - 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*有數,助力全域數據分析

接入有數後,開發者可以在平臺中查看流量指標、渠道來源、用戶趨勢、人群畫像、公眾號直播等數據維度,瞭解當前小程式運營狀況,實現數據驅動增長。

圖片

同時,除了基礎經營指標外,有數還提供商品分析與推薦、精準營銷、人群推薦等高階能力,如有需要也可聯繫 [email protected] 進行申請。

如何使用

1、新建小程式快速體驗指南

需要升級 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

2、現存小程式的有數 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-docs/develop/sdk/Taro.html?from=taro
瞭解更多「Taro x 騰訊有數」的信息:https://taro-docs.jd.com/taro/docs/youshu


歡迎關註凹凸實驗室博客:aotu.io

或者關註凹凸實驗室公眾號(AOTULabs),不定時推送文章:

歡迎關註凹凸實驗室公眾號


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 寫在前面 最近身邊有不少朋友想轉行去做前端開發,然後跑過來問我,向我瞭解前端崗位,以及給他們一些建議等等;他們有的還沒畢業,對於即將到來的社會毒打充滿著迷茫和不安,有的已經工作兩三年,突然覺得自己不合適當下這個份工作,想謀求一份別的職業。 選擇一份職業不在於這份職業可以給你帶來什麼,而是你可以因此成 ...
  • 一、繪製矩形 1、rect (x, y, width, height) : 繪製矩形的路徑 用軌跡畫的,不是獨立路徑( 沒有beginPath() ) 需要stroke()描邊才會顯示 2、strokeRect (x, y, width, height) : 描邊矩形 自動描邊,有獨立路徑 3、fi ...
  • 只能在render函數裡面使用JSX嗎 當然不是,你可以定義method,然後在method裡面返回JSX,然後在render函數裡面調用這個方法,不僅如此,JSX還可以直接賦值給變數,比如下麵這段代碼 methods: { $_renderFooter() { return ( <div> <El ...
  • 是時候使用JSX代替createElement了 接著上面的講,當我們看到上面用createElement去實現組件,太麻煩了,別說工作效率提高了,就是那些嵌套可以嵌套正確就很贊了,所以我們需要用JSX去簡化整個邏輯。當年我做項目的時候就遇到過這樣的情況,嵌套太多,自己都快搞不明白了,在崩潰的邊緣。 ...
  • HTML——超文本標記語言 HTMl裡面有標簽,標簽又分為單標簽和雙標簽,也分為行級元素和塊級元素 標簽是用<>包裹起來的,而且必須要有<>,否則會直接顯示在瀏覽器上面哦 現在介紹一下常用標簽 我們還要區分行級元素和塊級元素,塊級元素的特點是獨占一行,可以設置寬高,行級元素不能設置寬高,如果需要設置 ...
  • 學習JSX,先瞭解一下createElement 提到JSX,不可避免的就要提到createElement,當你看完本節,你會發現,奇怪的知識又增多了。ok,我們接著上一部分繼續講。這一次的準備工作是瞭解createElement。 從Vue編譯後的代碼看createElement 你是否看過寫的V ...
  • 1.前景怎麼樣? web前端人才需求還會持續增加 據國內權威數據統計,未來五年,我國信息化人才總需求量高達1500萬—2000萬人。其中“網路工程”“UI設計”“web前端”等人才的缺口最為突出,所以2020年web前端的市場需求還是很大的。更有甚者,目前不僅大型互聯網公司擬相繼成立了專屬的web ...
  • 編寫如下的函數: function drawHexagon(x,y,L) { ctx.beginPath(); ctx.moveTo(x-sqrt3/2*L,y-L/2); ctx.lineTo(x-sqrt3/2*L,y+L/2); ctx.lineTo(x,y+L); ctx.lineTo(x+ ...
一周排行
    -Advertisement-
    Play Games
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...