angularjs – 将Angulartics与Ionic Framework集成

发布时间：2020-12-17 07:11:31 所属栏目：安全来源：网络整理

导读：我正在尝试将Angulartics与Ionic Framework结合使用.但是,谷歌分析没有任何跟踪.这是如何设置它. index.html.slim文件 script src="lib/angulartics/src/angulartics.js"script src="lib/angulartics/src/angulartics-ga-cordova.js" JavaScript的： (functi

我正在尝试将Angulartics与Ionic Framework结合使用.但是,谷歌分析没有任何跟踪.这是如何设置它.

> index.html.slim文件

<script src="lib/angulartics/src/angulartics.js">
<script src="lib/angulartics/src/angulartics-ga-cordova.js">

JavaScript的：

(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','//www.google-analytics.com/analytics.js','ga');
ga('create','#{ENV['GOOGLE_ANALYTICS_ID']',{ 'cookieDomain': 'none' });`

>将其添加到我的角度模块中

angular.module('app',['angularMoment','angulartics','angulartics.google.analytics.cordova','ngCordova'])`

>在路由中添加$analyticsProvider到我的配置

.config ($analyticsProvider,$stateProvider,$urlRouterProvider) ->

我没有在谷歌分析仪表板上获得任何数据.有人可以解释如何在我的离子项目中安装Angulartics.

解决方法

请在这里查看angulartics-ga-cordova脚本文件： https://github.com/luisfarzati/angulartics/blob/master/src/angulartics-ga-cordova.js

在第48行,它期待GAPlugin.

var analytics = window.plugins && window.plugins.gaPlugin;

您需要将此脚本添加到主索引文件中. https://github.com/phonegap-build/GAPlugin

然后,您可以像这样添加您的Google跟踪信息.

myApp.config ($analyticsProvider,googleAnalyticsCordovaProvider) ->
    $analyticsProvider.firstPageview(true)
    googleAnalyticsCordovaProvider.trackingId = GOOGLE_ANALYTICS_ID

此外,如果您使用的是phonegap构建,则需要将以下行添加到config.xml文件中.

<gap:plugin name="com.adobe.plugins.gaplugin" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!