Google Tag Manager (@capgo/capacitor-gtm) を使用します。
Google Tag Manager プラグインの主なインターフェイスです。
インストール
bun add @capgo/capacitor-gtm
bunx cap sync
このプラグインが公開するもの
initialize- 指定されたコンテナIDでGoogle Tag Managerを初期化します。push- Google Tag Managerのデータレイヤーにイベントをプッシュします。setUserProperty- Google Tag Managerのデータレイヤーにユーザープロパティを設定します。getValue- Google Tag Managerのデータレイヤーから値を取得します。指定されたキーに対してデータレイヤーを検索し、最新の値を取得します。
使用例
initialize
指定されたコンテナIDでGoogle Tag Managerを初期化します。
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/
Capacitor-GTM を使用し続けるには、@capgo/capacitor-gtm を使用してください。
Capacitor-GTM を使用している場合 Capacitor-GTM を使用して、ネイティブ プラグインの作業を計画するには、@capgo/capacitor-gtm を接続してください。 Capacitor-GTM を使用して @capgo/capacitor-gtm @capgo/capacitor-gtm Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__の導入 Capgo Plugin Directory @Capgoのワークフロー Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and Capacitor by __CAPGO_KEEP_1__ @__CAPGO_KEEP_0__プラグインの導入と更新