@capgo/capacitor-gtm을 사용하는 방법

Google Tag Manager 플러그인의 주요 인터페이스

설치

bun add @capgo/capacitor-gtm
bunx cap sync

이 플러그인은 다음을 노출합니다.

initialize - 지정된 container ID와 함께 Google Tag Manager를 초기화합니다.
push - Google Tag Manager dataLayer에 이벤트를 푸시합니다.
setUserProperty - Google Tag Manager dataLayer에 사용자 속성을 설정합니다.
getValue - Google Tag Manager dataLayer에서 지정된 키의 최신 값을 검색하여 값을 가져옵니다.

예제 사용

`initialize`

지정된 container ID와 함께 Google Tag Manager를 초기화합니다.

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에서 지정된 키의 최신 값을 검색하여 값을 가져옵니다.

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

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

전체 참조

GitHub: github.com/Cap-go/capacitor-gtm
Docs: /docs/plugins/gtm/

Using @capgo/capacitor-gtm

__CAPGO_KEEP_0__을 사용 중입니다. Using @capgo/capacitor-gtm __CAPGO_KEEP_0__을 사용하여 네이티브 플러그인 작업을 계획하고, __CAPGO_KEEP_0__을 연결하세요. @capgo/capacitor-gtm for the implementation detail in @capgo/capacitor-gtm, Getting Started Getting Started Capgo Plugin Directory 제품 워크플로우를 위한 Capgo 플러그인 디렉토리에서 Capacitor 플러그인에 의해 Capgo 제품 구현 세부 사항을 위한 Capacitor 플러그인에 의해 Capgo, 그리고 플러그인을 추가하거나 업데이트 플러그인을 추가하거나 업데이트 구현 세부 사항을 위한.

GTM

Google Tag Manager에 대한 튜토리얼