GA4

GA4

GA4: 유입경로 탐색 보고서

이번 글에서는 GA4의 유입경로 탐색 보고서에 대해 알아보겠습니다. 구글 애널리틱스 4에 들어가 탐색을 클릭합니다. 유입경로 탐색 분석을 클릭합니다. 위와 같이 유입 경로 탐색 보고서를 통해서는 각 단계를 설정하고 사용자가 원하는 행위를 하는 비율을 확인할 수 있습니다. 만약, 탐색 → 탐색 분석 만들기(비어있음)에서 기법을 유입경로 탐색 분석으로 설정한다면 아직 단계 설정이 안되어있어 아래 문구를 확인할 수 있습니다. 다음은 시각화에 대해 알아보겠습니다. 시각화에는 표준 유입경로와 인기 유입경로 두 가지가 있는데 표준 유입경로는 계단식으로 시각화하며 인기 유입 경로는 선 그래프로 각 날짜와 함께 확인이 가능하다는 특징이 있습니다. 또한, 유입경로의 유형에는 '개방형'과 '폐쇄형'이 있으며, 유형에 따라..

GA4

GA4 : 삽입된 유튜브 시청 추적하기

우리의 웹서비스에는 유튜브 영상을 보여줄때도 있습니다. 그리고 이러한 영상들을 추적하고자 할때가 많이 있죠 오늘은 첫번째! 우리 웹서비스 사용자들이 웹서비스에 올라온 유튜브 영상을 보는지, 얼마나 보는지를 확인하고자 합니다. 그리고 두번째! 우리 웹서비스를 이용하는 사용자들 화면에 영상이 있을 때만 이벤트가 발생하도록 하고 매개변수에 몇%를 보고있는지 추적하도록 해보겠습니다. 첫번째 : 유튜브 영상 시청 추적하기 1. 웹사이트 영상 분석 영상이 웹사이트에 어떤식으로 들어가 있는지를 확인해 보아야 해요 저는 임시로 제 영상을 넣어봤는데요. youtube가 심어져 있는 것을 확인하려면 iframe으로 심어져 있어야 합니다. 만약 iframe으로 설정이 안되어 있다면 원하는 영상을 우클릭해서 소스코드복사를 선..

GA4

GA4: 탐색 보고서 만들기(2)

이번 글에서는 웹 사이트에 GA4가 적용되어 있으며 제휴문의 버튼 클릭 이벤트가 생성되어있을 때 제휴문의 분석 탐색보고서를 만드는 법에 대해 다루겠습니다. 보고서의 이벤트는 각 다음을 나타냅니다. 제휴문의_제출성공: 양식을 모두 맞추어 제휴문의에 성공했을 경우 제휴문의_양식오류: 양식에서 오류가 발생하여 제휴문의에 실패했을 경우 제휴문의_실패: 양식을 채우지않은채로 제휴문의하여 실패한 경우 각 이벤트 횟수와 비율을 나타내기 위해 탐색 보고서를 만드는 방법은 아래와 같습니다. 1. 탐색보고서 -> 새 보고서 만들기 2. 측정기준, 측정항목 추가하기 + 를 클릭하여 측정기준과 측정항목을 가져옵니다. 보고서를 만들기위해 필요한 측정기준과 측정항목인 이벤트 이름과 이벤트 수를 가져왔습니다. 아직 탭설정으로 옮기..

GA4

GTM으로 GA4 이벤트 생성하기(2) : 사용자 접근 경로 파악

오늘은 GTM으로 사용자가 방문 경로를 찾아내는 이벤트를 심는 실습을 해보겠습니다. 앞선 두 포스트를 통해 리퍼러가 무엇인지, GTM으로 어떻게 태그를 심어 GA4에서 이벤트로 조회되게 하는 지 이해하고 오시면 이번 포스트의 내용을 잘 따라오실 수 있을 겁니다 GTM으로 GA4 이벤트 생성하기 저번 포스트에서는 구글 태그 매니저, GTM이 어떤 일을 하는 지에 대해 알아봤었습니다. 태그는 목표의 소스 코드에 심겨 원하는 데이터를 뽑아오는 스크립트였고, 데이터를 가져오고자 하는 목 datas2.tistory.com 방문 경로 추적하기 (1) : 리퍼러(referrer) 오늘은 방문 경로를 추적하는 방법에 대해 알아보겠습니다. 방문자 수도 아닌, 방문 경로를 알아야 하는 이유는 무엇일까요 여러분이 여러분의 ..

GA4

GA4 : 앱에 FIREBASE 등록하기

우리는 웹서비스 말고도 앱을 통한 서비스를 많이합니다. 따라서 앱에서도 웹처럼 사용자를 추적할 필요가있죠!. 서비스를 개선하기 위해서는 우리 서비스의 다양한 기능을 얼마나 많은 사용자가 사용하는지도 굉장히 중요한 고려 요소이지만, 이 기능을 사용하려고 시도한 사람중 기능완료 (ex. 메모하기 기능 선택후 메모 등록을 하지않고 나온사람) 을 추적하는 것도 매우 중요합니다. 하지만 이런정도는 ga4 이벤트를 앱 내부에 심고 측정하는것 말고는 추적하기가 어렵습니다. 따라서 저희는 서비스 개선을 위해 앱서비스에 ga4를 활용할 필요가 있고! 이를위해 firebase에 앱을 연동할 필요가 있습니다. 자 그럼이제 연동하러 가볼가요 1. firebase 등록하기 먼저 firebase에 가서 프로젝트 이름을 지정해주세..

GA4

GA4: 탐색 보고서 만들기(1)

이번 글에서는 유입경로 탐색 보고서, 경로 탐색 보고서 등 GA4가 제공하는 탐색 보고서가 아닌 원하는 데이터를 시각화하는 탐색 보고서 만들기에 대해 알아보겠습니다. 해당 게시글은 GA4: 탐색 보고서 만들기(1)과 GA4: 탐색 보고서 만들기(2)로 나누어 작성되었습니다. 탐색으로 이동하면 아래와 같이 제공되는 보고서들과 함께 자유형식 혹은 새 탐색 분석 만들기를 확인할 수 있습니다. 처음 탐색 보고서 만들기에 어려움을 느끼시는 분들은 예시 변수들이 주어지는 자유 형식 보고서에 들어가 여러 설정을 바꾸고 적용해보며 익숙해지는 것을 추천드립니다. 이제 웹페이지의 이벤트를 기준으로 원하는 데이터를 시각화하는 보고서를 만들어보겠습니다. 먼저, 탐색 보고서를 만들기위해 필요한 용어와 사용법을 정리하도록 하겠습..

GA4

GTM으로 GA4 이벤트 생성하기

저번 포스트에서는 구글 태그 매니저, GTM이 어떤 일을 하는 지에 대해 알아봤었습니다. 태그는 목표의 소스 코드에 심겨 원하는 데이터를 뽑아오는 스크립트였고, 데이터를 가져오고자 하는 목표에 태그를 쉽게 심게 하는 것이 GTM이었죠. 그렇다면 오늘은 GTM에서 어떻게 작업하는 지 알아봅시다. GA4에서 이벤트 생성이 어려웠던 분들은 이번 포스트를 보고 난 후 GTM을 통해 더 쉽게 이벤트를 목표에 심고, GA4를 통해 열람할 수 있을 겁니다. 그럼 시작해 볼까요? https://datas2.tistory.com/27 GA4 : 구글 태그 매니저(GTM) 앞선 포스트에서, GA4는 이벤트를 직접 생성하여 적용할 수 있다고 했습니다. 하지만 이벤트를 생성하는 일은 오직 GA로 국한되지 않습니다. 오늘은 이..

GA4

GA4 : 방문자의 scroll 깊이 추적하기

웹사이트를 운영하다보면 방문자들이 우리 웹사이트를 얼마나 유심히 보는지 아니면 실수로 들어와서 바로 나가는것인지 궁금할 때가 정말 많습니다.! 사람들이 우리 웹에서 얼마나 체류하는지 측정하는 것도 위의 내용을 분석하는 데 의미가 있지만, 또 다른 방법으로는 사람들이 우리 웹사이트에서 어디까지 scroll을 내려서 내용을 보고 간것인지를 추적하는 것도 역시 의미가 있을 것입니다. 따라서 오늘은 사용자가 우리 웹사이트에서 어디까지 scroll을 하는지를 분석해보도록 하겠습니다!! 1. 트리거 생성 사실 오늘은 기존에 만들었던 이벤트들에 비해서는 매우 간단합니다. 트리거 만들기로 이동해서 먼저 스크롤 깊이를 클릭해주세요 그 후 아래사진처럼 setting 해주면 되는데 비율은 아래 원하는 대로 설정해주시면 되요..

GA4

GA4 : 구글 태그 매니저(GTM)

앞선 포스트에서, GA4는 이벤트를 직접 생성하여 적용할 수 있다고 했습니다. 하지만 이벤트를 생성하는 일은 오직 GA로 국한되지 않습니다. 오늘은 이벤트를 생성하고 표적 웹사이트에 적용시키는 또 다른 방법인 구글 태그 매니저(이하 GTM)에 대해 소개하겠습니다. 태그가 뭔가요? GTM에서 사용하는 태그란, 자바스크립트로 이뤄진 코드 조각입니다. 태그는 웹을 구성하는 스크립트로 삽입되어, 데이터를 수집하고 전달하는 일을 하게 됩니다. 태그가 이벤트에 맞는 데이터를 전송하기 위해서는, 목표하는 웹이나 앱 서비스의 스크립트에 존재해야 합니다. 하지만 특정 이벤트를 생성하거나 수정하고 싶을 때 마다 스크립트를 뜯어서 고치는 것은 효율적이지 못할 겁니다. 왜 GTM인가 GTM은 이런 번거로운 작업을 줄여줍니다...

GA4

GA4 : 버튼 클릭 시 텍스트값 받아오기

저번 블로그에서는 버튼 클릭 이벤트를 만드는 방법에 대해 알아봤었죠! 오늘은 어떠한 텍스트를 입력하고 버튼을 클릭했을때 텍스트에 입력한 값이 이벤트의 매개변수로 들어올 수 있도록 만들어 볼게요! 텍스트를 입력하고 누르는 버튼의 예시로는 검색창이 있겠죠? 따라서 저희 블로그의 아래 사진에 있는 검색창을 활용해서 이벤트를 만들어 보겠습니다. 1. 먼저 새로운 변수를 선언해줘야 합니다. GTM으로 가서 변수를 클릭하고 사용자 정의 변수를 만들어 볼게요 여기서 새로만들기 버튼을 클릭하고 변수구성에 들어가서 맞춤 자바스크립트를 클릭해 볼게요. 맞춤 자바스크립트를 클릭하게 되면 아래와 같은 화면이 나올거에요 자 여기까지 했으면 이제 잠깐 저희 웹서비스로 돌아가 봅시다. 원하는 텍스트박스에 우클릭 > 검사를 선택하면..

동민03030
'GA4' 카테고리의 글 목록 (2 Page)