為什么要數(shù)據(jù)埋點溯饵，其實Axure在平常的產(chǎn)品原型中沒有必要埋點遣铝。但是在使用Axure制作靜態(tài)交互網(wǎng)站棱貌，或者使用Axure原型制作簡單交互案例（測試市場)原环，此時可以通過一些方法方式，進行數(shù)據(jù)埋點，拿到一些數(shù)據(jù)雹仿，方便我們進行一些后續(xù)的決策支撐（說決策支撐有點大增热，但是提供數(shù)據(jù)參考還是可以的)。
效果展示頁面
教育小程序通用模板：在本款小程序原型中進行了基礎(chǔ)的頁面數(shù)據(jù)埋點胧辽。
整體的展示
部分數(shù)據(jù)展示
頁面訪問深度
用戶畫像
教程解析
選擇適合的數(shù)據(jù)統(tǒng)計平臺
- 百度統(tǒng)計
- 騰訊移動分析
- ...
數(shù)據(jù)統(tǒng)計平臺目前市場上免費還是比較多的峻仇，基于免費、成熟邑商、方便等等因素摄咆，最后選擇擇了百度統(tǒng)計和騰訊移動分析進行了接入（本次案例以騰訊移動分析為例）。
為什么選擇騰訊移動分析為例：因為查看數(shù)據(jù)方便人断，通過官方公眾號即可查看吭从。同時QQ郵箱的每日推送數(shù)據(jù)比較直觀。所以就選擇了騰訊移動分析恶迈，（其實百度的也不錯）涩金。
準備工作
- 注冊騰訊移動分析賬號：官網(wǎng)直達。（注：QQ號登陸即可）暇仲。
- 準備Axure接入原型步做。
- 準備微信號，關(guān)注官方公眾號（可在微信公眾號中查看數(shù)據(jù)熔吗，就不過多說明)辆床。
開始接入
第一步：創(chuàng)建應(yīng)用
在注冊成功的騰訊移動分析賬號中創(chuàng)建H5應(yīng)用。
- 服務(wù)類型：H5應(yīng)用桅狠。
- 應(yīng)用名稱：自定義讼载。
- 應(yīng)用分類：選擇具體分類（分類不影響后續(xù)，可隨便選擇）中跌。
- 站點域名：可不填咨堤。
- 創(chuàng)建應(yīng)用：創(chuàng)建成功后，顯示應(yīng)用注冊成功界面（此時點擊底部漩符，進入應(yīng)用）一喘。
第二步：修改參數(shù)
修改參數(shù)，達到數(shù)據(jù)統(tǒng)計時時上報的效果（修改結(jié)果如下圖所示).
- 點擊鉛筆的圖標可觸發(fā)編輯選項嗜暴。
第三步：原型中配置代碼
在Axure中存在全局變量這特性凸克，可以通過全局變量進行一個參數(shù)的配置，所有界面調(diào)用闷沥。
- 復制代碼：復制如下后紅框中的代碼萎战。
- Axure中創(chuàng)建公共變量
在Axure中創(chuàng)建一個全局變量，配置默認值舆逃。
1蚂维、其中JavaScript標識需要我們自行添加在代碼前面（注意有個冒號）戳粒。
2、復制上一步中紅框中的代碼與Javascript：后面虫啥。
javascript：
var _mtac = {"senseQuery":1};
(function() {
var mta = document.createElement("script");
mta.src = "http://pingjs.qq.com/h5/stats.js?v2.0.4";
mta.setAttribute("name", "MTAH5");
mta.setAttribute("sid", "*********");
mta.setAttribute("cid", "*********");
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(mta, s);
})();
//第1行：JavaScript標識
//2-11行為統(tǒng)計代碼（紅框中的代碼）蔚约。
第四步：頁面層級的代碼引入
此步驟很簡單，就是在頁面載入的時候涂籽，打開配置號的公共變量的函數(shù)即可苹祟。
第五步：測試
運行Axure原型，查看當前配置的騰訊移動分析后臺數(shù)據(jù)又活。(搞定)苔咪。
小結(jié)
- 每個頁面接入锰悼，就需要每個頁面配置第四步柳骄。
- 注意點：代碼復制不能缺、修改參數(shù)不能漏箕般。
- 還有很多好玩的耐薯，大家可以自行配置發(fā)掘。比如自定埋點丝里、數(shù)據(jù)報告曲初。
