メインコンテンツにジャンプ
プラグインに戻る
@capgo/capacitor-gtm
チュートリアル
@capgo/capacitor-gtm

GTM

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

Guide

Tutorial on GTM

Test on device

Download the Capgo app, then scan the QR code.

GTM プラグイン プレビュー QR code

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 });

フル リファレンス

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__プラグインの導入と更新