javascript - 如何将 Google 标签管理器与 React Native 应用程序集成？

Question

最近市场部让我在现在的公司项目中加入Google Tag Manager，这个项目是基于React Native写的，我找了很多。但没有成功找到好的更新文档。

我找到了一个 react-native-gtm 但它是 4 年前的。另外，我找到了一些 Native 方面的描述，比如 this ，但它完全适用于 Native iOS 而不是 React Native 项目。

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

因为我记得这些是用于营销的独立工具。 Firebase 不同于 GTM。顺便说一下，this current article对我们没有用，因为它描述了在 native 端安装。它不是 React Native 解决方案。

那么:如何将 Google Tag Manager 与 React Native 应用集成？

Answer 1

我采用的方法是在本地处理两个平台的集成。所以我假设您已经设置了 firebase，如果没有按照此处的指南进行操作:https://rnfirebase.io/

对于 iOS:

1. 在您的 podfile 中输入以下行 pod 'GoogleTagManager'

2. 然后运行:pod install

3. 在项目根目录中，创建一个 GTM 容器文件夹并将来自 GTM 仪表板的容器 json 文件存储在其中 <project-ios-root>/container/GTM-XXXXXX.json

对于安卓:

1. 在您的应用级别 build.gradle文件，将以下内容添加到依赖项 block :

dependencies {
    // ...
    implementation 'com.google.android.gms:play-services-tagmanager:17.0.0'
}2. Create GTM Containers folder in the following path <project-android-root>/app/main/assets/containers and store the JSON file in it as well,<project-android-root>/app/main/assets/containers/GTM-XXXXX.json

请注意，如果您的 gradle 构建工具低于版本 4，您将遇到构建错误。在这种情况下，您的项目级别 build.gradle文件，使用以下命令更新依赖项 block 中的 gradle 构建工具: classpath("com.android.tools.build:gradle:4.0.1") .

此外，是的，Android 的“容器”和 iOS 的“容器”用于存储 JSON 文件的 GTM 容器文件夹。