始め方

インストール

AI-Assisted セットアップを使用してプラグインをインストールできます。AIツールに Capgo スキルを追加するには、以下のコマンドを実行してください。

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

次に、以下のコマンドを使用してください:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-gtm` plugin in my project.

Manual Setupを使用する場合は、以下のコマンドを実行してください。プラットフォーム固有の指示に従ってください。

bun add @capgo/capacitor-gtm
bunx cap sync

Import

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

セクション「APIの概要」

initialize

Copy to clipboard

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

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

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

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

reset

Google Tag Manager インスタンスをリセットし、すべてのデータをクリアします。 dataLayer からすべてのデータを削除し、再度初期化する必要があります。

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

await GoogleTagManager.reset();

真実の源

このページはプラグインの src/definitions.tsから生成されています。 公開用 API がアップストリームで変更されたら、再度同期を実行してください。

「始めてから続けて」

あなたが使用している場合 「始めてから続けて」 ダッシュボードと API の計画と実行を管理するには、 @capgo/capacitor-gtmを使用します。 @capgo/capacitor-gtm を使用して、@capgo/capacitor-gtm のネイティブ機能を使用します。 API まとめ API の実装詳細について 導入 導入の実装詳細について API キー API キーの実装詳細について、 デバイス デバイスの実装詳細について