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

How to integrate Google Tag Manager with React Native app?

最近市场部让我在现在的公司项目中加入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 应用集成?

我找到了 this article very helpful in explaining the differences between Firebase Analytics and Google Analytics. In short, you need to use Firebase Analytics in the app, with a package like react-native-firebase。您可以从控制台集成标签管理器。

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

对于 iOS:

  1. 在您的播客文件中输入以下行 pod 'GoogleTagManager'

  2. 然后 运行: pod install

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

对于 ANDROID:

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

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 文件中,更新 gradle 构建工具在依赖块中: classpath("com.android.tools.build:gradle:4.0.1").

此外,android 的“容器”和 iOS 的“容器”用于 GTM 容器文件夹存储 JSON 文件。