メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-gtm
チュートリアル
@capgo/capacitor-gtm

GTM

分析とトラッキング用のGoogleタグマネージャー統合

ガイド

Googleタグマネージャーに関するチュートリアル

Googleタグマネージャー用の@capgo/capacitor-gtm

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

インストール

bun add @capgo/capacitor-gtm
bunx cap sync

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

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

使用例

initialize

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

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

await GoogleTagManager.initialize({} as { containerId: string; timeout?: number });

push

GoogleタグマネージャーdataLayerにイベントをプッシュします。

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

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

setUserProperty

GoogleタグマネージャーdataLayerにユーザープロパティを設定します。

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

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

getValue

GoogleタグマネージャーdataLayerから値を取得します。指定されたキーに対する最新の値をdataLayerを検索します。

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

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

フルリファレンス

Keep going from Using @capgo/capacitor-gtm

Capgoを使用している場合 Using @capgo/capacitor-gtm nativeプラグインの作業を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtmと接続してください @capgo/capacitor-gtmの実装詳細については、@capgo/capacitor-gtmを参照してください for the implementation detail in @capgo/capacitor-gtm, Getting Startedの実装詳細については、Getting Startedを参照してください Capgoプラグインディレクトリ Capgo 製品ワークフローについての情報は、Capgo プラグインディレクトリでご確認いただけます。 Capacitor プラグインは、Capgo によって提供されています。 実装の詳細については、Capacitor プラグインの Capgo をご確認ください。 プラグインの追加または更新 プラグインの追加または更新の実装の詳細については、こちらをご確認ください。