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

Question

最近，营销团队要求我在当前公司项目中添加Google Tag Manager，这个项目是基于这个编写的React Native，我为此搜索了很多。但没有成功找到好的更新文档。

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

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

因为我记得这些是独立的营销工具。Firebase 与 GTM 不同。顺便说一句，当前这篇文章对我们来说没有用，因为它描述了在 Native 端的安装。它不是 React Native 解决方案。

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

Answer 1

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

\n

对于 iOS：

\n

\n

1. 将以下行输入到您的 podfile\npod \'GoogleTagManager\'

   \n
\n

2. 然后运行：pod install

   \n
\n

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

   \n
\n

\n

对于安卓：

\n

\n
1. 在您的应用程序级别build.gradle文件中，将以下内容添加到依赖项块中：
\n

\n

\n

依赖项 {
\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0// ...
\n\xc2\xa0\xc2\xa0\xc2\xa0\xc2\xa0implementation \'com.google.android .gms:播放服务标签管理器:17.0.0\'\n
\n}\n2. 在以下路径中创建 GTM Containers 文件夹<project-android-root>/app/main/assets/containers，并将 JSON 文件存储在其中，\n<project-android-root>/app/main/assets/containers/GTM-XXXXX.json

\n

\n

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

\n

另外，对于 Android 来说是“容器”，对于 iOS 来说是“容器”，GTM 容器文件夹用于存储 JSON 文件。

\n