跳过主要内容
返回插件
@capgo/capacitor-gtm
教程
@capgo/capacitor-gtm

Google Tag Manager

用于分析和跟踪的 Google Tag Manager 集成

指南

GTM中的教程

在设备上测试

下载Capgo应用程序,然后扫描QRcode。

GTM插件预览二维码code

使用@capgo/capacitor-gtm

Google Tag Manager插件的主要界面。

安装

bun add @capgo/capacitor-gtm
bunx cap sync

此插件暴露的内容

  • initialize - 使用指定的容器ID初始化Google Tag Manager。
  • push - 将事件推送到Google Tag Manager的dataLayer。
  • setUserProperty - 在Google Tag Manager的dataLayer中设置用户属性。
  • getValue - 从Google Tag Manager的dataLayer中获取值。该函数会在dataLayer中搜索指定键的最新值。

示例用法

initialize

使用指定的容器ID初始化Google Tag Manager。

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });

push

推送事件到Google Tag Manager数据层。

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.push({
  event: 'purchase',
  parameters: {
    value: 99.99,
    currency: 'USD'
  }
});

setUserProperty

在Google Tag Manager数据层中设置用户属性。

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.setUserProperty({
  key: 'user_type',
  value: 'premium'
});

getValue

从Google Tag Manager数据层获取值。查找数据层中指定键的最新值。

import { GoogleTagManager } from '@capgo/capacitor-gtm';

await GoogleTagManager.getValue({} as { key: string });

全局参考

继续使用@capgo/capacitor-gtm

如果您正在使用 使用@capgo/capacitor-gtm 来规划原生插件工作,连接它与 @capgo/capacitor-gtm 对于 @capgo/capacitor-gtm 的实现细节 开始使用 对于开始使用的实现细节 Capgo 插件目录 对于 Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 对于 Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 对于添加或更新插件的实现细节