구글애널리틱스활용하기

Measuring Product Impressions - 제품 목록 노출 Product Clicks - 제품 클릭 https://developers.google.com/tag-manager/enhanced-ecommerce#product-impressions https://developers.google.com/tag-manager/enhanced-ecommerce#product-clicks - 설치경로 예 디자인관리 > 쇼핑몰 디자인 수정 > 전체화면보기 > 상품 > 상품분류(list.html) - 사용 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 4..

1. 구글애널리틱스에서 향상된 전자상거래를 위한 설정 관리(왼쪽 하단 톱니바퀴 모양) > 전자상거래 설정 전자상거래 사용, 향상된 전자상거래 보고서 사용 설정 모두 체크

카페24에 구글애널리틱스를 태그매니저를 통해 설치하는 방법을 안내드리겠습니다. 하나씩 보시고 따라하시면 됩니다. 1. 태그매니저와 구글애널리틱스의 계정을 생성합니다.(이미지생략) 2. 공통 영역에 태그매니저 스니펫 코드를 설치하며, 사이트내 모든 페이지에서 노출되어야 한다. // Javascript는 절차지향 언어, 위에서 부터 순서대로 실행되어 태그 안에 설치 권장 - 경로 예시) 관리자 로그인 후, 디자인관리 > 쇼핑몰 디자인 수정 > 메인 레이아웃 디자인관리 > 쇼핑몰 디자인 수정 > 공통 레이아웃 3. 태그 매니저에서 구글애널리틱스 추적코드를 저장할 [사용자 정의 변수]를 생성한다. 이 때, 변수 유형은 [Google 애널리틱스 설정]을 사용하며, [추적 ID]에 구글애널리틱스에서 생성 된 추적코..

향상된전자상거래(enhanced-ecommerce)에서 사용하는 정보들 입니다. •Product Impressions - 제품 노출, 제품 리스트 페이지의 노출 입니다. •Product Clicks : 제품 클릭, 리스트 페이지에서 제품 링크 클릭입니다. •Product Detail Impressions : 제품 상세페이지 노출 입니다. •Add / Remove from Cart : 장바구니 추가/제거 입니다. •Promotion Impressions : 프로모션 노출 입니다. •Promotion Clicks : 프로모션 클릭입니다. •Checkout : 구매완료 직전 입니다. •Purchases : 구매완료 입니다. •Refunds : 환불 입니다. * Product Clicks 소스 1 2 3 4 5..

Google Tag Manager는 JavaScript 이벤트 listeners 내에서 사용자가 버튼과 같은 웹 사이트 요소와 상호 작용할 때, dataLayer를 사용할 수 있습니다. 예를 들어 사용자가 뉴스레터 폼의 Submit(제출) 버튼을 클릭할 때 실행할 수 있습니다. 이벤트는 링크, 버튼, 플래시 기반 메뉴 시스템의 구성요소 등과 같은 웹 사이트 요소와의 사용자 상호 작용 또는 기타 JavaScript를 기반으로 호출할 수 있습니다. 이 기능은 Push API를 페이지에 있는 dataLayer로 호출하여 수행됩니다. 이벤트 설정을 위한 기본 구문은 다음과 같습니다. 여기서 event_name은 지정된 이벤트 또는 요소가 무엇인지 나타내는 문자열입니다. 예를 들어 사용자가 버튼을 클릭할 때 이벤..

dataLayer를 다른 이름을 사용하려는 경우 컨테이너 스니펫의 dataLayer(아래 강조 표시)를 선택한 이름으로 바꾸면 됩니다. * 변경 후 출처 : https://developers.google.com/tag-manager/devguide#datalayer

유연성, 휴대성 및 구현 용이성을 극대화하기 위해 Google Tag Manager는 dataLayer와 함께 사용할 때 가장 잘 작동합니다. dataLayer는 Google Tag Manager에 전달하려는 모든 정보를 포함하는 object 입니다. 이벤트 또는 변수와 같은 정보는 데이터 계층을 통해 Google Tag Manager에 전달될 수 있으며, 변수 값에 따라 Google Tag Manager에서 트리거가 설정될 수 있습니다. * 사용법 : dataLayer를 사용하려면, 다음 코드 스니펫을 페이지 상단에 추가합니다. 위의 스니펫은 Google Tag Manager에 전달하는 정보로 채워질 수 있는 빈 object 입니다. 예를 들어, dataLayer 내에서 변수를 설정하여 페이지가 등록 ..