使用 @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 的 dataLayer 中。

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

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

`setUserProperty`

在 Google Tag Manager 的 dataLayer 中设置用户属性。

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

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

`getValue`

从 Google Tag Manager 的 dataLayer 中获取值。该函数会在 dataLayer 中搜索指定键的最新值。

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

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

完整参考

GitHub: https://github.com/Cap-go/capacitor-gtm/
文档: /docs/plugins/gtm/

继续使用@capgo/capacitor-gtm

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

GTM

Google Tag Manager 指南