コンテンツにジャンプ

はじめに

Terminal window
bun add @capgo/capacitor-gtm
bunx cap sync
import { GoogleTagManager } from '@capgo/capacitor-gtm';

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

import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });

Google Tag Managerのデータレイヤーにイベントをプッシュします。

import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.push({
event: 'purchase',
parameters: {
value: 99.99,
currency: 'USD'
}
});

Google Tag Managerのデータレイヤーにユーザープロパティを設定します。

import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.setUserProperty({
key: 'user_type',
value: 'premium'
});

Google Tag Managerのデータレイヤーから値を取得します。 データレイヤーを検索して、指定されたキーに対応する最新の値を取得します。

import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.getValue({} as { key: string });

Google Tag Managerのインスタンスをリセットし、すべてのデータをクリアします。 データレイヤーからすべてのデータを削除し、再初期化が必要になります。

import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.reset();

このページはプラグインの src/definitions.ts公開APIがアップストリームで変更されたときに再度syncを実行してください。