Nuxt.js용 Google 태그 관리자 모듈
@nuxtjs/gtm
Nuxt.js용 Google 태그 관리자 모듈
파이썬 튜플 목록 압축 풀기
ℹ️ v1에서 오는 경우(|_+_|) v2를 읽어주세요. 릴리즈 노트 .
설정
- 추가 |_+_| 프로젝트에 대한 의존성
@nuxtjs/google-tag-manager- 추가 |_+_| |_+_| 섹션 |_+_|
@nuxtjs/gtm런타임 구성
당신이 사용할 수있는 런타임 구성 프로덕션에서 동적 환경 변수를 사용해야 하는 경우. 그렇지 않으면 옵션이 빌드 중에 하드코딩되어 |_+_|에서 읽히지 않습니다. 더 이상.
yarn add @nuxtjs/gtm # or npm install @nuxtjs/gtm 옵션
기본값:
@nuxtjs/gtm modules
GTM 모듈은 |_+_| 디버그 전용 버전을 사용합니다. 개발 중(|_+_|).
|_+_|를 사용하여 명시적으로 활성화 또는 비활성화할 수 있습니다. 옵션:
nuxt.config.js export default { modules: [ '@nuxtjs/gtm', ], gtm: { id: 'GTM-XXXXXXX' } }
여부 |_+_| |_+_|와 같은 API 호출 그리고 |_+_| 콘솔에 기록됩니다.
수동 GTM 초기화
초기화를 더 잘 제어해야 하는 몇 가지 사용 사례가 있습니다.
- 사용자가 직접 허용하기 전에 Google 태그 관리자 차단(GDPR 실현 또는 기타)
- 요청 경로 또는 도메인 기반 동적 ID
- 다중 컨테이너로 초기화
- 페이지 수준에서 GTM 사용
nuxt.config:
export default { modules: [ '@nuxtjs/gtm' ], gtm: { id: 'GTM-XXXXXXX', // Used as fallback if no runtime config is provided }, publicRuntimeConfig: { gtm: { id: process.env.GOOGLE_TAG_MANAGER_ID } }, } export default { gtm: { enabled: undefined, /* see below */ debug: false, id: undefined, layer: 'dataLayer', variables: {}, pageTracking: false, pageViewEventName: 'nuxtRoute', autoInit: true, respectDoNotTrack: true, scriptId: 'gtm-script', scriptDefer: false, scriptURL: 'https://www.googletagmanager.com/gtm.js', crossOrigin: false, noscript: true, noscriptId: 'gtm-noscript', noscriptURL: 'https://www.googletagmanager.com/ns.html' } } :
enabled- 메모: 모든 이벤트는 여전히 데이터 레이어에서 버퍼링되지만 |_+_|까지 전송되지 않습니다. 메소드가 호출됩니다.
- 메모: 와 상의하세요 Google 태그 관리자 문서 여러 컨테이너를 사용하는 자세한 내용은 주의 사항을 참조하세요.
라우터 통합
선택적으로 설정할 수 있습니다 |_+_| |_+_| 옵션 페이지 조회수를 추적합니다.
메모: Google Analytics와 함께 사용할 때 이중 이벤트를 방지하기 위해 기본적으로 비활성화되어 있으므로 이 옵션을 활성화하기 전에 주의하십시오.
페이지 보기의 기본 이벤트 이름은 |_+_|입니다. |_+_|를 설정하여 변경할 수 있습니다. 옵션.
용법
이벤트 푸시
이벤트를 구성된 계층으로 푸시할 수 있습니다.
$gtm개발
- 이 저장소 복제
- |_+_|를 사용하여 종속성 설치 또는 |_+_|
- |_+_|를 사용하여 개발 서버 시작 또는 |_+_| 맞춤 GTM_ID를 제공하려는 경우.
다운로드 세부 정보:
작가: nuxt 커뮤니티
roku com 링크 계정
소스 코드: https://github.com/nuxt-community/gtm-module
#nuxt #nuxtjs #자바스크립트 #vue #vuejs