메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/capacitor-gtm
튜토리얼
@capgo/capacitor-gtm

GTM

Google Tag Manager를 사용한 분석 및 추적 통합

도움말

GTM에 대한 튜토리얼

장치에서 테스트

Capgo 앱을 다운로드한 후 QR코드 code를 스캔하세요.

GTM 플러그인 미리보기 QR code

@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

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

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

전체 참조

Using @capgo/capacitor-gtm

이 플러그인을 사용 중입니다. Using @capgo/capacitor-gtm 네이티브 플러그인 작업을 계획하고 싶다면 @capgo/capacitor-gtm Capacitor @capgo/capacitor-gtm Getting Started Getting Started Capgo Plugin Directory Capgo 제품 워크플로우 디렉토리에서 Capacitor 플러그인에 의해 Capgo Capacitor 플러그인에 의해 Capgo의 구현 세부 사항, 그리고 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인에 의해 __CAPGO_KEEP_1__의 구현 세부 사항.