@capgo/capacitor-gtm を使用します

Google タグマネージャープラグインの主なインターフェイスです。

インストール

bun add @capgo/capacitor-gtm
bunx cap sync

This Plugin Exposes

initialize - 指定されたコンテナ ID で Google タグマネージャーを初期化します。
push - Google タグマネージャーデータレイヤーにイベントをプッシュします。
setUserProperty - Google タグマネージャーデータレイヤーにユーザープロパティを設定します。
getValue - Google タグマネージャーデータレイヤーから値を取得します。指定されたキーに対してデータレイヤーを検索し、最新の値を取得します。

例の使用

`initialize`

指定されたコンテナ ID で Google タグマネージャーを初期化します。

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 });

フルリファレンス

GitHub: https://github.com/Cap-go/capacitor-gtm/
ドキュメント: /docs/plugins/gtm/

Keep going from Using @capgo/capacitor-gtm

Capacitor-GTM を使用している場合 Using @capgo/capacitor-gtm Capacitor-GTM を使用して、ネイティブプラグインの作業を計画する場合、Capacitor-GTM を接続してください。 @capgo/capacitor-gtm Capacitor-GTMの実装詳細については@capgo/capacitor-gtmを参照してください。 Getting Started Capacitor-GTMの実装詳細についてはGetting Startedを参照してください。 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and プラグインの追加または更新 Capacitor-GTMプラグインの実装詳細についてはプラグインの追加または更新を参照してください。

GTM

GTMのチュートリアル