GTM Capacitor プラグイン

@capgo/capacitor-gtmを使用

Google Tag Manager プラグインの主なインターフェイスです。

インストール

bun add @capgo/capacitor-gtm
bunx cap sync

bunx cap sync プラグインのネイティブcodeをプロジェクトにコピーします。プラグインのアップグレード後は、再度実行してください。

Import

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

APIの概要

例

initialize()

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

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

await GoogleTagManager.initialize({ containerId: 'container-id-123' });

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';

const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);

reset()

Googleタグマネージャーインスタンスをリセットし、すべてのデータをクリアします。この操作により、データレイヤーからすべてのデータが削除され、再初期化が必要になります。

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

await GoogleTagManager.reset();

全体参照

• GitHub リポジトリ
• ドキュメント
• 続けて @API/@__CAPGO_KEEP_1__-gtm から

あなたが @capgo/@capacitor-gtm を使用している場合

@__CAPGO_KEEP_0__/@__CAPGO_KEEP_1__-gtm を使用して @capgo/@capacitor-gtm の実装詳細 Getting Started @capgo/capacitor-gtm @capgo/capacitor-gtmの実装詳細 続けて @__CAPGO_KEEP_0__/@__CAPGO_KEEP_1__-gtm から あなたが @__CAPGO_KEEP_0__/@__CAPGO_KEEP_1__-gtm を使用している場合 Capgo プラグイン ディレクトリ Capacitor製品ワークフロー向けに Capgo プラグイン ディレクトリを使用します。 Capacitor Capgo Capacitor-GTMの実装詳細については、Capacitor プラグインによって、Capgo が提供しています。 プラグインの追加または更新 プラグインの追加または更新の実装詳細を確認します。