코딩 맛집

구글 태그 매니저를 좀 더 효과적으로 다수의 사용자들과 함께 사용 할수 있는 방법을 설명 하려고 합니다. 여럿이서 같이 태그관리자를 운영하다보면 태그와 변수등이 꼬이고 헷갈리는 경우가 많습니다. 이럴 경우 이번 포스팅을 잘 봐주세요. 1. 워크스페이스 필요성 'Default Workspace' 라는 공간이 있습니다. 이 워크스페이스라는 건, 혼자 사용할 경우에는 사실 필요가 없는 기능 입니다. 하지만 여럿이서 구글 태그 매니저를 같이 운영하다보면, 서로의 태그와 변수들이 꼬이고, 내가 만든 태그로 인해 상대방에게 영향을 미치기 때문에 작업 영역을 분리하기 위한 용도로 워크스페이스를 분리 하여 사용하는 것 입니다. 2. 폴더 '폴더' 부분을 클릭해서 들어가 보시면, 기존에 작업했던 태그, 트리거, 변수들 ..

만약, 우리가 운영하는 랜딩 페이지나 홈페이지에 유튜브와 같은 동영상이 있다면, 사용자들이 이 영상을 어디까지 시청하고, 혹은 끝까지 시청했는지 분석하고 싶을 것 입니다. 이를 구글 태그 매니저에서 분석 할수 있는 방법이 있습니다. 기존에 만들어 봤던 태그들을 만들어서 데이터를 전송할수 있는데요. 오늘은 유튜브 동영상 시청 데이터를 구글 유니버셜 애널리틱스로 보내는 방법을 포스팅 하려고 합니다. 1. 비디오 분석 변수 만들기 구글 태그 매니저 홈페이지에 들어가서, 왼쪽에 [변수] -> [구성] 을 선택해서 기본 변수들을 추가해 줄수 있습니다. 아래 그림과 같이 기본 비디오 변수들을 모두 추가해 주세요. 2. 유튜브 비디오 트리거 추가 그리고 트리거를 아래 그림과 같이 만들어주세요. 시작, 완료 상태는 위..

우리가 사용 하는 랜딩페이지 또는 홈페이지에서 중요하게 봐야될 데이터 중에 하나가 스크롤 데이터 라고도 볼수 있습니다. 사용자가 그 페이지에서 어디까지 읽고 이탈을 했는지? 또는 어느 부분에서 흥미가 떨어졌는지? 내가 의도한 부분까지 스크롤을 넘겼는지? 를 파악할때 아주 중요한 지표 이죠. 그러면 구글 태그 매니저에서 스크롤 데이터를 구글 유니버셜 애널리틱스로 전송 하는 방법에 대해서 포스팅 해보겠습니다. 1. 새 태그 생성 구글 태그 매너지에서 새 태그를 생성 합니다. 저는 아래와 같이 Scroll Depth' 라는 제목으로 태그를 만들었습니다. [추적 유형] 은 [이벤트] 카테고리는 마음대로 적으시면 됩니다. [작업] 부분은 [Page URL] 을 기준으로 스크롤 깊이 값을 파악할 것 이므로, '{{..

구글 태그 매니저를 이용해서 HTML의 특정 클래스(class)를 클릭하였을 때, 구글 애널리틱스(GA)로 데이터를 전송하고 싶을 때가 있습니다. 이럴 경우, 구글 태그 매니저에서 어떻게 설정하는지 알아보겠습니다. 1. 새 태그 추가하기 구글 태그 매니저의 접속 해서 [새 태그 추가] 버튼을 클릭해서, 태그를 클릭해 줍니다. 아직 태그가 무엇이고, 어떻게 만드는지 익숙하지 않는 분들이라면, 이 글을 확인해 주세요. 2. class 값 확인 하기 먼저, 내가 클릭할 요소에 HTML 클래스(class) 값을 확인해 주세요. 저는 아래 그림 처럼, 저의 티스토리 타이틀을 클릭 했을 경우, GA(구글 애널리틱스)로 데이터를 보내도록 하고 싶습니다. 해당 타이틀의 클래스 값은 크롬을 기준으로 F12 버튼을 눌러주..

구글 태그 매니저는 태그라는 데이터를 내가 원하는 플랫폼이나 분석 사이트에 전송할수 있는 기능을 제공 합니다. 태그 매니저를 이용해서, 태그와 변수를 생성해서 페이지뷰를 구글 애널리틱스로 전송하는 설정을 해보겠습니다. 잘보고 따라해 주세요. 1. [New Tag] 클릭 [New Tag] 라는 버튼을 클릭하여, 태그를 먼저 만들어 줍니다. 2. Tag Configuration 클릭 [Tag Configuration] 클릭하여 태그 설정을 해줄것 입니다. 3. 태그 타입을 선택해 줍니다. 구글 태그 매니저에 장점은 어떤 플랫폼이든 다양한 곳으로 태그 데이터를 전송 할수 있는 장점이 있다고 하였습니다. 이곳에서 어떤 플랫폼으로 데이터를 전송할지 선택 하는 것입니다. 예를들어 구글 애널리틱스나 구글 애즈와 같은..

처음에 구글 태그 매니저 설치 하는 스크립트를 내 홈페이지 에다가 삽입했는데, 이것이 제대로 구글 태그 매니저가 설치 된건지 확인하고 싶습니다. 그럴때 확인 할수 있는 방법이 있습니다. 구글 태그 어시스턴트 라는 써드파티 프로그램 인데요. 구글 태그 어시스턴트를 이용해서 구글 태그 매니저가 제대로 설치가 됬고, 잘 동작하는지 확인해 보겠습니다. 구글 태그 매니저 스크립트 코드 삽입 및 설치 구글 태그 매니저를 홈페이지에 들어가시고 계정을 만들어서 연결할 경우, 아래와 같은 스크립트 코드가 뜨는데요. 이 스크립트 코드를 나의 홈페이지나 블로그에 잘 삽입 하시면 됩니다. 하지만 이미 계정은 만들었는데 태그 매니저 설치 스크립트 코드를 찾고 계신 분들은 아래 이미지 처럼, [관리자] -> [Google 태그 ..

GMP(Google Marketing Platform) 생태계 1. GA(Google Analytics) GA는 웹이는 앱의 데이터를 분석을 하는 솔루션 2. Data Studio 데이터 시각화 하기 위한 솔루션 3. GTM(Google Tag Manger) 데이터를 수집 하기 위한 솔루션 4. Google Optimize 360 A/B 테스트를 위한 솔루션 구글 태그 매니저란? 데이터 수집을 위한 솔루션 입니다. 기본적으로 스크립트 코드를 로드 시킴으로서 동작 합니다. 구글 ads, 유튜브 등 다양한 마케팅 제품과 연동이 가능하여 확장성이 좋다. 접근성은 개발자가 아닌 기획자도 GTM UI상에서 태그를 생성할 수 있습니다. 배포 할 때 마다 버전 관리가 가능 합니다. 데이터를 전송 하는 2가지 방법 1..