javascript - 将 AngularJS 应用程序与 Google Analytics 集成

标签 javascript angularjs google-analytics integration

请注意:我确实找到了这个 very similar question但是如果你读过它,问它的人实际上使用 Ruby/Rails 作为他们的后端,这根本不适用于我的情况。


我正在构建一个 AngularJS (Angular v1) 应用程序,它将向 Google Analytics (GA) 发送实时分析。我刚刚设置了我的 GA 帐户,该帐户为我提供了一个跟踪 ID

我想知道如何将我的 Angular 应用程序与我的 GA 帐户集成?我需要将哪些文件放入我的应用程序,以及如何使用我的跟踪 ID 或其他凭据自定义这些文件?

阅读GA developer docs我看到有人提到了 Sender IDGoogleService-Info.plist 以及 google-services.json,但令人惊讶的是,没有真正指导您完成集成的技术方面的过程。

有人知道 Angular 应用的这些方面是什么、使用的文件、如何将您的 GA 凭据添加到这些文件等吗?

最佳答案

您很可能想使用 analytics.js,它是来自 google 的最新分析库。 Google 提供了将此添加到您的站点的很好的演练。参见 https://developers.google.com/analytics/devguides/collection/analyticsjs/

<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-XXXXXXXX-X', 'auto');
</script>

UA-XXXXXXXX-X 替换为您在 google analytics 中的属性 ID。

您可以使用 $window.ga 从 Controller 、组件等访问 ga api。

为当前登录用户设置帐户 ID 的示例。

$window.ga('set', '&uid', 12312353)

关于javascript - 将 AngularJS 应用程序与 Google Analytics 集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48267211/

相关文章:

javascript - Google Analytics 事件跟踪 onClick 问题

google-analytics - Big Query 着陆页数据与 Google Analytics(分析)界面不一致

javascript - React、Redux、mapStateToProps 并且尽管状态发生变化但不重新渲染

javascript - 两个独立的脚本混淆并给出意外的输出

javascript - 在 React 中选择产品后如何显示结果

javascript - 为我的 Angular 应用程序使用 nodejs 的网络服务器

javascript - JS 检测空结果

angularjs 无法找到模板目录,flask 作为后端

javascript - 在 AngularJS 中提交后重置表单

google-analytics - 将目标从Google Analytics(分析)导入AdWords并更改Google Analytics(分析)中的目标条件