본문 바로가기

분류 전체보기

 (96)
[GTM] 1.기본개념 (계정,컨테이너,워크스페이스,버전,폴더 / 태그,트리거,변수) [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]기본 개념 - 태그 > 폴더(선택) > 워크스페이스(선택) > 컨테이너 > 계정으로 depth 넓혀짐 1. 계정 - 회사 별로 구분하여 생성필요 2. 컨테이너 - 웹사이트의 태그를 관리하는 공간 - “스니펫”같은 태그를 삽입하는건 컨테이너마다 독립적이어서 > 'A'사이트에 '가'컨테이너 태그 심는 개념 3. 워크스페이스 - 담당자 별로 혹은 부서별로 다른작업 공간에서 독립적으로 태그 구성가능 4. 폴더 - 태그들 폴더별로 관리 - 하지만 사실 실무단에서는 잘 사용하지는 않음 5...
[GTM] 2.추적코드 설치 [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]추적코드 설치 1. 진입 - 구글 태그 매니저 사이트 진입 > 계정 만들기 클릭 2. 계정추가 및 컨테이너 설정 - 컨테이너 이름에는 사이트 주소 넣기 3. 약관동의 4. 추적태그 복사 - HEAD에 넣는것과 BODY에 넣는것 2가지 5. 추적코드 붙여넣기 - 나의 사이트에 HEAD와 BODY사이에 추적코드 붙여넣기 6. GTAG 중복 페이지뷰 제거 - 현재 단에 GTAG(구글 애널리틱스)추적코드도 넣고, GTM 태그도 들어간 상태 > 즉, 하이브리드로 사용 (이렇게 사용하는것도..
[GTM] 3. 태그, 트리거 ,변수 생성 (페이지 뷰) [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]태그 만들기 (태그, 트리거, 변수) - "페이지 뷰" 넣는거 기준으로 예시설명 1. 태그 새로 만들기 2. 연동할 GA 속성ID(추적ID) 미리 복사 - GA에서 관리 > 속성 > 추적정보 > 추적코드 클릭 3. 태그 이름에 속성ID(추적ID) 넣기 - 태그를 통해 GA 내 해당 속성 ID에 데이터를 쌓는다는 의미이므로, 이름으로 속성ID 넣는것 추천 4. 태그 유형 선택 - 유니버설 애널리틱스 선택 - 다른것들은 추후 설명 5. 변수 생성 - 새 변수 클릭 - 현재 아무 변수..
[GTM] 4.이벤트 수집 (클릭 이벤트) [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]클릭 이벤트 - 예시는 GNB메뉴 클릭 시 이벤트 GA로 전송하는 기준으로 진행 1. click text, click class 확인(1) - 일단 태그 생성 전 미리보기 클릭 2. click text, click class 확인(2) - 이벤트 넣을 메뉴(혹은 버튼 혹은...)누르자 마자 esc 누르기 > 그러면 해당 메뉴로 넘어가야 되는데, 바로 esc누르면 넘어가지 않고 멈춤 > 아래 Tag Manager 왼편에서 클릭링크 선택 > 상단 탭 변수(variables)클릭 > ..
[GTM] 5.이벤트 수집 (스크롤 이벤트) [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [스크롤 이벤트 생성] 1. 태그 생성 2. 태그 이름 설정 및 태그 구성 클릭 3. 태그 유형 선택 - 유니버설 애널리틱스 클릭 4-1. 작업 변수 생성 (1) - 빨간 테두리 플러스 버튼 클릭 - 스크롤 깊이의 변수 (Scroll deptn threshold)생성할 예정 (이전에 만든게 있다면 {{scroll depth threshold}} 입력) 4-2. 작업 변수 생성 (2) - 기본 제공 변수 선택 4-3. Scroll deptn threshold 선택 5. 태그 구성 확인 ..
[GTM] 7.향상된 전자상거래 수집 [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]향상된 전자상거래 수집 - 전자상거래 보고서를 확인하려면 각 단계별 (상품클릭 > 조회 > 장바구니담기 > 주문서작성 > 구매완료 > 환불 등) 데이터가 수집될 수 있도록 스크립트가 설치되어야 함 - 해당 게시글은 "상품조회" 단계 기준으로 설명 (참조하여 모든 단계를 넣어줘야함) 순서: 1.GA전자상거래 설정 ON > 2.데이터레이어 푸시 삽입 (사이트 vs GTM) > 3.이벤트 태그 생성(GTM) 1. GA에서 전자상거래 설정 ON - 일단 GA에서 설정 ON해놔야함 (방법..
[GTM] 8. 유튜브 (사이트 내 유튜브 영상 ) [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]유튜브 - 사이트 내 유튜브 동영상을 재생,일시정지, 진행하면 해당 데이터를 GA로 보낸다 1. 새로운 태그 생성 - 태그명 및 구성영역 클릭 2. 태그 유형 선택 - 유니버설 애널리틱스 클릭 3. 태그 구성 - 추적유형: 이벤트 선택 - 작업, 라벨 새로 만들기 버튼 클릭 4. 기본 제공 변수 클릭 5. 제공변수 선택 - video title 선택 - 라벨값에도 동일하게 기본 제공변수 video percent 추가 6. 태그 구성 확인 7. 트리거 생성 - 유형은 "youtub..
[GTM] 9. 페이스북 픽셀 [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [0]페이스북 픽셀 설치방법 (아래 2가지) 1번)웹사이트에 픽셀 코드 직접 추가 2번)파트너 통합을 사용하여 코드 추가 (GTM) >진행 전 일단 페이스북 이벤트 관리자 진입 https://www.facebook.com/events_manager/ [1] 1번)웹사이트에 픽셀 코드 직접 추가 1. 영역 선택 (1번 영역) 2. 추적코드 복사해서 > 사이트 내 영역에 추적코드 추가 (코드를 건드리는거니 개발자 확인 필요) > 완료 [2] 2번)파트너 통합을 사용하여 코드 추가 (GTM..
[GTM] 10. 구글애즈 전환태그 설치 [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [0]구글 애즈 전환태그 설치 - GA광고 캠페인을 통해 들어온 사용자들이 전환율이 얼마나 됬는지 파악하기 위해 - 근데 GA와 구글애즈만 연결시키면 구글애즈 사이트에서 확인 가능 (굳이 GTM에서 할필요가 없긴함) >>그래도 일단 설명 [1]구글애즈 - 구글애즈에서 먼저 GTM연동 1. 전환 메뉴 클릭 2. 플러스 버튼 클릭 3. 전환추적할 유형 선택 (예시에서는 웹사이트로 진행) 4. 액션 만들기 단계 5. 태그설정 단계 - 구글 태그관리자 선택 6. 다음 단계 - "전환 ID" ..
[GTM] 11.크로스도메인(교차도메인)설정 [게시글 읽기 전 확인필요] 1.해당 게시글은 GA처음 접하는 '초보자'가 독학 후 복습을 위한 용도로 '작성한 글'입니다. 2.틀린내용 혹은 자세하게 설명되지 않은 내용도 있으니, 반드시 다른 정보들로 추가 확인바랍니다. [1]크로스 도메인 설정하는 이유 - 나의 A사이트에서 나의 B사이트로 이동 버튼같은걸 둬서 사이트 연결시킬 때 > 이동하면 사용자, 세션 모두 2개씩 찍힘 (하지만 사실 같은 사용자) > 크로스도메인 설정하면 > 사용자, 세션 1개로 찍힘 (즉, 사이트로 이동된게 아니라 그냥 페이지 이동개념) (단, 연결은 B사이트로 이동 버튼 눌러서 이동할때만 연결됨) [2]크로스 도메인 설정 방법 1. GA변수 - GA변수 클릭 2. allowLinker 추가 - 기타설정 > 설정할 필드 > a..

티스토리툴바