如何将 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:
在您的播客文件中输入以下行
pod 'GoogleTagManager'
然后 运行: pod install
在项目根目录中,创建一个 GTM 容器文件夹并将来自 GTM 仪表板的容器 json 文件存储在其中
<project-ios-root>/container/GTM-XXXXXX.json
对于 ANDROID:
- 在您的应用级别
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 文件。
最近市场部让我在现在的公司项目中加入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:
在您的播客文件中输入以下行
pod 'GoogleTagManager'
然后 运行:
pod install
在项目根目录中,创建一个 GTM 容器文件夹并将来自 GTM 仪表板的容器 json 文件存储在其中
<project-ios-root>/container/GTM-XXXXXX.json
对于 ANDROID:
- 在您的应用级别
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 文件。