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

Question

我想知道如何整合ionic v1与google analytics 和跟踪特定的屏幕.

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

Answer 1

这个问题太大了，所以我不会涵盖每一个细节，但以下是如何将 Google Analytics 集成到 ionic v1 应用程序的屏幕/选项卡中。

\n\n

对于这两件事很重要，第一是Ionic Views 的生命周期事件，第二是 Google Analytics 的cordova-plugin-google-analytics。

\n\n

对于每个选项卡，应该有一个控制器，并在该控制器中根据您的跟踪要求添加 Ion View 的生命周期事件。以下是可用的事件：

\n\n

首次视图初始化

\n\n

View 1 \xe2\x80\x93 loaded\nView 1 \xe2\x80\x93 beforeEnter\nView 1 \xe2\x80\x93 enter\nView 1 \xe2\x80\x93 afterEnter\n

\n\n

从一种视图过渡到另一种视图

\n\n

View 2 \xe2\x80\x93 loaded\nView 2 \xe2\x80\x93 beforeEnter\nView 1 \xe2\x80\x93 beforeLeave\nView 2 \xe2\x80\x93 enter\nView 1 \xe2\x80\x93 leave\nView 2 \xe2\x80\x93 afterEnter\nView 1 \xe2\x80\x93 afterLeave\n

\n\n

但我认为你可能主要只遇到以下两个enter事件leave：

\n\n

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

\n\n

参考：

\n\n

\n
• 检查此链接，了解有关 Google\nAnalytic API 使用情况的详细信息：\n https://www.npmjs.com/package/cordova-plugin-google-analytics#javascript-usage
\n
• Ionic View 生命周期事件的良好工作示例：\n https://codepen.io/anon/pen/eKBgVg
\n
• 解释离子视图生命周期事件的简单文章：\n https://www.gajotres.net/understanding-ionic-view-lifecycle/
\n

\n