Google タグ マネージャー統合による分析とトラッキング

@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タグマネージャーを初期化します。

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

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

push

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

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

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

setUserProperty

Googleタグマネージャーのデータレイヤーにユーザープロパティを設定します。

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

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

getValue

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

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

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

フルリファレンス

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

Keep going from Using @capgo/capacitor-gtm

Capacitor-GTMを使用している場合 https://capgo.com/Cap-go/capacitor-gtm/ native プラグインの作業を計画するには、接続する @capgo/capacitor-gtm Capacitor @capgo/capacitor-gtm の実装詳細 Getting Started Capacitor Getting Started の実装詳細 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo Capacitor @Capacitor プラグインの実装詳細、@Capgo プラグイン プラグインの追加または更新 プラグインの追加または更新の実装詳細