时间戳

首页 > 解决方案 > 如何将 Google Tag Manager 与 React Native 应用程序集成？

javascript - 如何将 Google Tag Manager 与 React Native 应用程序集成？

问题描述

最近，营销团队让我在当前公司项目中添加谷歌标签管理器，这个项目是基于这个写的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 Tag Manager 与 React Native 应用程序集成？

标签： javascriptandroidiosreact-nativegoogle-tag-manager

解决方案

我这样做的方法是本地处理两个平台的集成。因此，我假设您已经设置了 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文件中，将以下内容添加到依赖项块中：

dependencies {
    // ...
    implementation 'com.google.android.gms:play-services-tagmanager:17.0.0'
} 2. 在以下路径中创建 GTM Containers 文件夹<project-android-root>/app/main/assets/containers并将 JSON 文件也存储在其中， <project-android-root>/app/main/assets/containers/GTM-XXXXX.json

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

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

推荐阅读