ReactNative页面统计分析之Google Analytics集成
1. 首先要有Google Analytics的账号
2. 安装 rnpm install react-native-google-analytics-bridge
3. 配置(iOS)
- 直接在谷歌的网站上获取配置的文件 GoogleService-Info.plist(可以改名)
- 并把文件添加进iOS项目中
4.配置(安卓)
- 直接在谷歌的网站上获取配置的文件 google-services.json(可以改名)
- 文件复制到您 Android Studio 项目的 app/ 或 mobile/ 目录中。
//导入模块
import GoogleAnalytics from 'react-native-google-analytics-bridge';
//设置跟踪ID
GoogleAnalytics.setTrackerId('UA-12345-1')
GoogleAnalytics.setDispatchInterval(2);
GoogleTagManager.openContainerWithId("GoogleService-Info")
.then(() => {
return GoogleTagManager.stringForKey("pack");
})
.then((str) => {
console.log("Str: ", str);
return GoogleTagManager.boolForKey("wat");
})
.then((wat) => {
console.log("Wat: ", wat);
return GoogleTagManager.doubleForKey("orly");
})
.then((orly) => {
console.log("Orly: ", orly);
})
.catch((err) => {
console.log(err);
});
//GoogleAnalytics.setDryRun(true);
//点击事件等
GoogleAnalytics.trackEvent('testcategory', 'Hello iOS,i am similar');
//页面的停留时间
GoogleAnalytics.trackScreenView('Home-similar');
GoogleAnalytics.trackEvent('testcategory', 'Hello iOS', { label: "notdry", value: 1 });
GoogleAnalytics.trackTiming('testcategory', 13000, {label: 'notdry', name: 'testduration'});
GoogleAnalytics.trackPurchaseEvent(
{
id: 'P12345',
name: 'Android Warhol T-Shirt',
category: 'Apparel/T-Shirts',
brand: 'Apple',
variant: 'Black',
price: 29.20,
quantity: 1,
couponCode: 'APPARELSALE'
}, {
id: 'T12345',
affiliation: 'Apple Store - Online',
revenue: 37.39,
tax: 2.85,
shipping: 5.34,
couponCode: 'SUMMER2013'
}
);
GoogleAnalytics.trackException("This is an error message", false);
GoogleAnalytics.trackSocialInteraction('Twitter', 'Post');
GoogleAnalytics.setUser('12345678');
GoogleAnalytics.allowIDFA(true);
//GoogleAnalytics.setOptOut(true);
GoogleAnalytics.setAnonymizeIp(true);