Question

我想将Google Analytics（分析）集成到我的Ionic / WooCommerce App中，所以我添加了一个Google Analytics（分析）插件：

cordova plugin add https://github.com/danwilson/google-analytics-plugin.git
ionic cordova plugin add cordova-plugin-google-analytics
npm install --save @ionic-native/google-analytics

我在离子框架上看到了这些代码，因此将它们添加到app.component.ts：

import { GoogleAnalytics } from '@ionic-native/google-analytics';

constructor(private ga: GoogleAnalytics) { }

...

this.ga.startTrackerWithId('YOUR_TRACKER_ID')
.then(() => {

     alert('Google analytics is ready now');

      this.ga.trackView('test');

     // Tracker is ready

     // You can now track pages or set additional information such as AppVersion or UserId

   })

   .catch(e => console.log('Error starting GoogleAnalytics', e));

我添加了跟踪器ID…

在浏览器上运行此命令后，控制台会记录我得到的GoogleAnalytics.startTrackerWithId，但是Cordova不可用。确保包含cordova.js或在device/simulator中运行：

cordovaWarn @ util.js:66
app.component.ts:155 Error starting GoogleAnalytics cordova_not_available).

因此，我在设备上制作了经过测试的Apk，然后控制台日志显示了（Google Analytics（分析）现已准备就绪）。我检查了分析仪表板，仍然显示0个用户，0个设备。

对此有任何帮助。

Answer 1

那是因为在浏览器中您不在Cordova环境中。您需要将代码包装在platfom ready事件中，如下所示：

constructor(platform: Platform, private ga: GoogleAnalytics) {
   ///
   platform.ready().then(() => {
      this.ga.startTrackerWithId('YOUR_TRACKER_ID')
      .then(() => {
         alert('Google analytics is ready now');
         this.ga.trackView('test');
         // Tracker is ready
        // You can now track pages or set additional information such as AppVersion or UserId

      })
      .catch(e => console.log('Error starting GoogleAnalytics', e));

   });
   ///
}

这意味着仅当您处于设备上下文中时才会执行。

但是，您可以通过将GA脚本放入index.html中，选择要以Web方式实施GA的方法，为GA导入类型，并且它应该在所有平台和环境下都有效

在Ionic WooCommerce App上集成Google Analytics（分析）

1 个答案: