GTM Capacitor 插件

使用 @capgo/capacitor-gtm

Google Tag Manager 插件的主要界面。

安装

bun add @capgo/capacitor-gtm
bunx cap sync

bunx cap sync 将插件的本机 code 复制到您的本机项目中。每次升级插件后都重新运行它。

Import

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

API概览

示例

initialize()

初始化Google Tag Manager并指定容器ID。

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

await GoogleTagManager.initialize({ containerId: 'container-id-123' });

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';

const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);

reset()

重置Google Tag Manager实例并清除所有数据。该操作将从数据层中移除所有数据并要求重新初始化。

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

await GoogleTagManager.reset();

全局参考

• GitHub 仓库
• 文档
• API 参考

继续使用 @capgo/capacitor-gtm

如果您正在使用 使用 @capgo/capacitor-gtm 与其进行连接 @capgo/capacitor-gtm 在 @capgo/capacitor-gtm 中获取实现细节 开始 在开始中获取实现细节 Capgo 插件目录 为产品工作流程在 Capgo 插件目录中 Capacitor 插件由 Capgo 为实现细节在 Capacitor 插件由 Capgo 中 添加或更新插件 为实现细节在添加或更新插件中