GTM

@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: github.com/Cap-go/capacitor-gtm
• 문서: /docs/plugins/gtm/

Keep going from Using @capgo/capacitor-gtm

Capacitor-GTM을 사용하여 Using @capgo/capacitor-gtm Capacitor-GTM을 사용하여 @capgo/capacitor-gtm @capgo/capacitor-gtm, Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm, Capgo Plugin Directory @Capgo Plugin Directory for the product workflow in @Capgo Plugin Directory, Capacitor Plugins by Capgo @Capacitor Plugins by @Capgo for the implementation detail in @Capacitor Plugins by @Capgo, and Adding or Updating Plugins @__CAPGO_KEEP_0__ Adding or Updating Plugins for the implementation detail in Adding or Updating Plugins.