如何在 Flutter Web App 中连接 Google Analytics？答案

【问题标题】：How to connect Google Analytics in a Flutter Web App?如何在 Flutter Web App 中连接 Google Analytics？
【发布时间】：2021-07-17 23:08:56
【问题描述】：

我正在尝试使用Google API Package (Pub Dev)，但很幸运不知道如何在我的 Flutter 项目中连接它。

【问题讨论】：

标签： flutter google-analytics google-analytics-api flutter-web

【解决方案1】：

嗨?你需要使用这个包https://pub.dev/packages/firebase_analytics

您可以通过 this link 之后的分析找到示例应用程序

Google Analytics 也适用于移动应用，并提供各种有用的功能，请查看此链接for more info?

【讨论】：

欢迎提供解决方案链接，但请确保您的答案在没有它的情况下有用：add context around the link 这样您的其他用户就会知道它是什么以及为什么会出现，然后引用最相关的内容您链接到的页面的一部分，以防目标页面不可用。 Answers that are little more than a link may be deleted.
Firebase Analytics 仅适用于移动应用，对吗？
@BrunoNeuman 是的，它适用于 iOS 和 Android 应用程序 - 我在帖子中添加了您需要的所有链接 ? ?
仅供参考，您需要将您的应用程序链接到 Firebase，但我认为您明白了

【解决方案2】：

您需要在android/app/build.gradle、implementation 'com.google.firebase:firebase-analytics' 中添加分析依赖项。如果您需要记录事件，那么您可能需要使用包https://pub.dev/packages/firebase_analytics。否则只需添加上述依赖即可。

【讨论】：

【解决方案3】：

如果您正在寻找一种比使用包更简单的方法，那么您可以遵循以下解决方案。

在web/目录中添加以下app.js

// file: /web/app.js
function sendNavigation(location) {
    // Replace UA-XXXXXXXXX-X with Google Analytics ID
    gtag('config', 'UA-XXXXXXXXX-X', { page_path: location });
}

通过添加将脚本添加到web/index.html

<head>
  <!--...-->
  <script src="app.js" defer></script>
</head>

现在，您可以简单地调用

js.context.callMethod('sendNavigation', ['routePath']);

当用户导航到 dart 文件中的页面时。

您可以从我写的博客中了解更多信息 - link

【讨论】：