@capgo/capacitor-gtm을 사용합니다.
설치
Install
bun add @capgo/capacitor-gtm
bunx cap sync
bunx cap sync plugin은 원본 code을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.
Import
import { GoogleTagManager } from '@capgo/capacitor-gtm';
API 한눈에
| Method | 설명 |
|---|---|
initialize |
지정된 container ID로 Google Tag Manager를 초기화합니다. |
push |
Google Tag Manager의 dataLayer에 이벤트를 푸시합니다. |
setUserProperty |
Google Tag Manager의 dataLayer에 사용자 속성을 설정합니다. |
getValue |
Google Tag Manager의 dataLayer에서 값을 가져옵니다. 지정된 키의 최신 값으로 검색합니다. |
reset |
Google Tag Manager 인스턴스를 리셋하고 모든 데이터를 삭제합니다. 데이터 레이어에서 모든 데이터를 삭제하고 재초기화가 필요합니다. |
예제
initialize()
지정된 container ID로 Google Tag Manager를 초기화합니다.
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에서 값을 가져옵니다. 지정된 키의 최신 값으로 검색합니다.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
const result = await GoogleTagManager.getValue({ key: 'key-123' });
console.log(result);
reset()
Google Tag Manager 인스턴스를 리셋하고 모든 데이터를 삭제합니다. 데이터 레이어에서 모든 데이터를 삭제하고 재초기화가 필요합니다.
import { GoogleTagManager } from '@capgo/capacitor-gtm';
await GoogleTagManager.reset();
전체 참조
@capgo/capacitor-gtm 계속 사용하세요
__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm을 사용 중이라면 capgo/capacitor-gtm과 연결하세요 __CAPGO_KEEP_0__/__CAPGO_KEEP_1__-gtm의 구현 세부 정보를 참조하세요 @capgo/capacitor-gtm @capgo/capacitor GTM 구현 세부 사항을 위한 설명서 __CAPGO_KEEP_0__-gtm에서 계속 진행하세요 Capgo 플러그인 디렉토리 Capgo 제품 워크플로우를 위한 플러그인 디렉토리 Capacitor Capgo 플러그인 Capacitor Capgo 플러그인에 대한 구현 세부 사항 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인에 대한 구현 세부 사항