@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から指定されたキーに対応する最新の値を取得します。

使用例

`initialize`

Google Tag Managerを指定されたコンテナIDで初期化します。

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

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

`push`

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

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

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

`setUserProperty`

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

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

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

`getValue`

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

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

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

フルリファレンス

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

@capgo/capacitor-gtmから続けてください。

Capgoを使用している場合 Using @capgo/capacitor-gtm nativeプラグインの作業を計画する場合、Capgoを接続してください @capgo/capacitor-gtm @capgo/capacitor-gtm Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm Capgo Plugin Directory @Capgo プラグイン (Capacitor によって提供) Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and @__CAPGO_KEEP_0__ プラグイン (Capacitor によって提供)の実装詳細、 Footer

GTM

GTMのチュートリアル