如何将Google Tag Manager集成到React Native应用中？

Question

最近，市场团队要求我在当前公司项目中添加Google标签管理器，该项目是基于React Native编写的，我搜索了很多资料，但没有找到好的最新文档。

我发现了一个react-native-gtm，但它是4年前的。同时，我也找到了一些关于原生端的描述，比如这个，但这只适用于原生iOS，而不是React Native项目。

此外，我还找到了一篇标题为React Native: Firebase GTM Integration Installation 的文章。但这是什么？Firebase GTM的含义是什么？它是什么意思？

因为据我记得，这些是用于营销的不同工具。Firebase与GTM不同。顺便说一下，这篇文章对我们来说也没有用，因为它描述的是在原生端安装，而不是React Native解决方案。

那么：如何将Google标签管理器与React Native应用程序集成？

- AmerllicA

---

你是否找到了这个问题的解决方案？ - AbsoluteSith

Answer 1

我处理这个问题的方法是本地化处理两个平台的集成。因此，我假设您已经设置了Firebase，如果没有，请按照此处的指南进行设置：https://rnfirebase.io/ 对于 iOS：

1. 在您的 podfile 文件中添加以下行： `pod 'GoogleTagManager'` 2. 然后运行命令：`pod install` 3. 在项目根目录中，创建一个 GTM 容器文件夹，并将来自 GTM 仪表板的容器 JSON 文件存储在其中 `/container/GTM-XXXXXX.json`

对于 Android：

1. 在您的应用级 build.gradle 文件中，在 dependencies 块中添加以下内容： ``` dependencies { // ... implementation 'com.google.android.gms:play-services-tagmanager:17.0.0' } ``` 2. 创建 GTM Containers 文件夹并将 JSON 文件存储在此路径下 `/app/main/assets/containers/GTM-XXXXX.json`。 请注意，如果 Gradle Build 工具版本低于 4，则会出现构建错误。在这种情况下，请在项目级 build.gradle 文件的 dependencies 块中使用以下内容更新 Gradle Build 工具： ``` classpath("com.android.tools.build:gradle:4.0.1") ``` 此外，请注意，对于存储 JSON 文件的 GTM 容器文件夹，Android 使用 "containers"，而 iOS 则使用 "container"。

- rikongha

---

感谢您的精彩回答。目前，我并没有专注于RN项目，但是我一定会在下一个RN GTM问题中使用您的解决方案。 - AmerllicA

Answer 2

我发现this篇文章非常有帮助，可以解释Firebase Analytics和Google Analytics之间的区别。简而言之，在应用程序中需要使用Firebase Analytics，并使用类似于react-native-firebase这样的包。您可以从控制台集成标签管理器。

- Steven Bell