使用本教程安装 Google Analytics：
https://www.javascripttuts.com/introduction-to-ionic-google-analytics/
我已经安装了依赖项并使用我的跟踪代码将代码放入我的构造函数中。
我正在导出我的应用以使用 Ionic View 进行测试。 Google 分析是否与 Ionic View 一起使用？我似乎无法让它工作或找到它的参考...
【问题讨论】：
标签： ionic-framework google-analytics ionic3
我看到 Ionic 的 Google Analytics Plugin 不起作用，并且 Android SDK 正在被弃用，所以我是这样实现的：
在 Index.html 文件中，在 or 之后插入此代码
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXXXX-X', 'auto');
</script>
显然用你的代码替换“UA-xxxxxx-x”代码......
然后，在您要测量的每个页面中，只需将其添加到您想要的 .TS 文件的 ionViewDidEnter 方法中：
(<any>window).ga('set', 'page', 'MyPageName');
(<any>window).ga('send', 'pageview');
唯一要更改的是“MyPageName”，其余的保持不变。
如果您想跟踪某个事件，只需将此代码添加到该事件中：
(<any>window).ga('send', 'event', {
eventCategory: 'eventCategory',
eventLabel: 'eventLabel',
eventAction: 'eventAction',
eventValue: 10
});
将类别、标签和操作替换为您要衡量的内容...
效果很好！
【讨论】：
教程Link
How to Get Google Tracking ID for Mobile Devices?
安装插件
$ ionic cordova plugin add cordova-plugin-google-analytics
$ npm install --save @ionic-native/google-analytics
在app.component.ts文件中调用如下方法
this.platform.ready().then(() => {
this.ga.startTrackerWithId('UA-XXXXXXXXX-X')
.then(() => {}).catch(e => alert('Error starting GoogleAnalytics == '+ e));
});
确保您已将插件包含在 app.module.ts 文件提供程序数组中
在List page广告中trackView和trackEvent方法如下图
...
ionViewDidLoad(){
this.ga.trackView('List Page')
.then(() => {})
.catch(e => console.log(e));
}
itemTapped(event, item) {
this.ga.trackEvent('Category', 'Tapped Action', 'Item Tapped is '+item, 0);
// That's right, we're pushing to ourselves!
this.navCtrl.push(ListPage, {
item: item
});
}
...
【讨论】：
安装这个插件
$ ionic cordova plugin add cordova-plugin-google-analytics
$ npm install --save @ionic-native/google-analytics
Create track Id in your google developement console.
在你的 app.module.ts 和 home.ts 中导入
import { GoogleAnalytics } from '@ionic-native/google-analytics';
Home.ts
export class HomePage {
constructor(public navCtrl: NavController,
private googleAnalytics: GoogleAnalytics) {
}
google(){
this.googleAnalytics.startTrackerWithId('XXXXXXXXX', 30)
.then(() => {
console.log('Google analytics is ready now');
this.googleAnalytics.trackView('Screen Title')
.then(()=>{
console.log('Success');
})
.catch((e)=>{
console.log("Faild"+ e)
})
this.googleAnalytics.trackView('Screen Title', 'my-scheme://content/1111?utm_source=google&utm_campaign=my-campaign')
.then(()=>{
console.log("Success 1")
})
.catch((e)=>{
console.log("Faild 1" + e)
})
this.googleAnalytics.trackEvent('Category', 'Action', 'Label', 30)
.then(()=>{
console.log("Success Event");
})
.catch(()=>{
console.log("Faild")
})
this.googleAnalytics.trackMetric(5)
.then(()=>{
console.log("Key Matrics run successfully");
})
.catch((e)=>{
console.log("Faild" + e)
})
this.googleAnalytics.trackTiming('Category', 2, 'Variable', 'Label')
.then(()=>{
console.log("TrackTiming success")
})
.catch((e)=>{
console.log("Faild"+ e)
})
// Tracker is ready
// You can now track pages or set additional information such as AppVersion or UserId
this.googleAnalytics.debugMode();
this.googleAnalytics.setAllowIDFACollection(true);
})
.catch(e => console.log('Error starting GoogleAnalytics', e));
}
// GTM-5SFPKBZ
}
希望对你有帮助。
【讨论】：