使用する @capgo/capacitor-gtm

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

インストール

bun add @capgo/capacitor-gtm
bunx cap sync

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

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

使用例

`initialize`

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

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

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

`push`

Google Tag Manager の dataLayer へイベントをプッシュします。

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

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

`setUserProperty`

Google Tag Manager の dataLayer へユーザープロパティを設定します。

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

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

`getValue`

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

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

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

フルリファレンス

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

Capgo を使用して、@capgo/capacitor-gtm を継続して使用します。

Capgo を使用して、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm を使用している場合 Capgo を使用して、@capgo/capacitor-gtm を使用している場合、ネイティブプラグインの作業を計画するには、@capgo/capacitor-gtm を接続します。 Capgo を使用して、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm を使用している場合、ネイティブプラグインの作業を計画するには、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm を接続します。 Capgo を使用して、@capgo/capacitor-gtm を使用している場合、ネイティブプラグインの作業を計画するには、@capgo/capacitor-gtm を接続します。実装詳細については @capgo/capacitor-gtm に Getting Started 実装詳細については Getting Started に Capgo プラグインディレクトリ実装詳細については Capgo プラグインディレクトリに Capacitor プラグイン ( Capgo による) 実装詳細については Capacitor プラグイン ( Capgo による) にプラグインの追加または更新実装詳細についてはプラグインの追加または更新に

GTM

GTMのチュートリアル