ionic 1在特定屏幕中集成了特定的谷歌分析

时间:2018-06-05 00:28:01

标签: ionic-framework google-analytics event-tracking ionic-v1

我想知道如何将google analyticsblog_category进行整合 并跟踪特定的屏幕。

例如,我想要谷歌分析代码UA-XXX并跟踪特定导航(tab1,tab2等)

1 个答案:

答案 0 :(得分:1)

这个问题太大所以我不打算涵盖每一个细节,但是这里是如何将Google Analytics与您的离子v1应用程序的屏幕/标签集成。

对于这两件事情很重要,首先是life cycle events of Ionic Views,其次是Google Analytics的cordova-plugin-google-analytics

对于每个标签,应该有一个控制器,并在该控制器中根据您的跟踪要求添加Ion View的生命周期事件。以下是可用的活动:

第一次视图初始化

View 1 – loaded
View 1 – beforeEnter
View 1 – enter
View 1 – afterEnter

从一个视图转换到另一个视图

View 2 – loaded
View 2 – beforeEnter
View 1 – beforeLeave
View 2 – enter
View 1 – leave
View 2 – afterEnter
View 1 – afterLeave

但我认为你可能只会在两个事件之下进行调查,主要是enterleave

$scope.$on('$ionicView.enter', function(){
  // Your Google Analytic event code of your choice
  window.ga.startTrackerWithId('UA-XXXX-YY', 30);
});

$scope.$on('$ionicView.leave', function(){
  // Your Google Analytic event code of your choice
  window.ga.startTrackerWithId('UA-XXXX-YY', 30);
});

<强>参考文献: