GTM

capgo/capacitor-gtm を使用

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

インストール

bun add @capgo/capacitor-gtm
bunx cap sync

このプラグインが公開するもの

• initialize - 指定されたコンテナ ID で Google タグ マネージャーを初期化します。
• push - Google タグ マネージャー データ レイヤーにイベントをプッシュします。
• setUserProperty - Google タグ マネージャー データ レイヤーにユーザー プロパティを設定します。
• 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/