구글 애널리틱스 GA4 _튜토리얼 _ 구글 애널리틱스 시작하기
1. Google Analytics 설정 준비
Google Analytics를 처음 설정하는 과정을 안내합니다. 새로운 Google Analytics 속성과 웹사이트를 생성하고, 웹사이트에 코드를 삽입하여 사용자 활동 데이터를 Google Analytics로 전송하는 방법을 다룹니다. Google Analytics 사용자 인터페이스에서 실시간으로 발생하는 이벤트와 보고서를 확인하는 방법도 살펴봅니다. Google Analytics 홈페이지에서 시작하며, 이미 Google Analytics 계정과 속성이 생성된 상태를 가정합니다. 데이터 스트림을 설정해야 한다는 메시지가 표시될 수 있습니다. 데이터 스트림은 Google Analytics가 처리할 데이터를 공급하는 원천입니다. Google Analytics는 이 데이터를 사용하여 웹사이트에서 발생하는 상황에 대한 통찰력을 제공하는 보고서를 생성합니다. 웹 스트림과 앱 스트림 두 가지 유형의 스트림을 생성할 수 있지만, 웹사이트에 초점을 맞추어 진행합니다.
2. 웹 스트림 생성 및 측정 ID 확인
웹 스트림을 생성하려면 웹사이트 주소를 입력해야 합니다. 여기서는 예시로 “gatutorials.com”을 사용하지만, 실제 웹사이트 주소를 사용하면 됩니다. 스트림 이름을 설정하여 데이터 소스를 식별합니다. ‘향상된 측정’ 옵션은 Google Analytics가 페이지 조회수, 링크 클릭, 파일 다운로드, 비디오 시청과 같은 특정 이벤트를 자동으로 수집할 수 있도록 해줍니다. 따라서 이 옵션을 활성화 상태로 유지하는 것이 좋습니다. 스트림을 생성한 후, 제공된 정보가 정확한지 확인하고 측정 ID를 기록해 둡니다. 측정 ID는 웹사이트에 태그를 설정하는 데 필요하며, 이를 통해 사용자 상호 작용과 이벤트를 Google Analytics로 전송할 수 있습니다. 태그가 없으면 Google Analytics는 데이터를 수집할 수 없습니다. 다양한 태깅 옵션이 있지만, 여기서는 Google Tag Manager를 사용하여 태그를 설정합니다. Google Tag Manager는 Google 제품뿐만 아니라 다양한 제품의 태그를 관리할 수 있는 강력한 도구입니다.
3. Google Tag Manager 설정
Google Analytics에서 직접 Google Tag Manager에 접근할 수 있습니다. 측정 ID를 복사한 후 Google Tag Manager로 이동하여 태그 설정을 시작합니다. Google Tag Manager 홈페이지에서 계정을 생성해야 합니다. 계정 이름과 웹사이트 주소를 입력하고, 웹을 컨테이너 유형으로 선택한 다음, 생성 버튼을 클릭합니다. 서비스 약관에 동의하면 Tag Manager 컨테이너가 설정됩니다. 컨테이너 설정 과정에서 웹사이트에 추가해야 하는 코드가 제공됩니다. 이 코드는 Tag Manager가 웹사이트에서 작동하도록 하는 데 필요합니다. 첫 번째 코드는 <head> 섹션에, 두 번째 코드는 <body> 태그 바로 아래에 삽입해야 합니다.
4. 웹사이트에 Google Tag Manager 코드 삽입 및 GA4 설정
Visual Studio Code와 같은 코드 편집기를 사용하여 웹사이트의 HTML 파일에 접근합니다. 제공된 첫 번째 코드 스니펫을 HTML 파일의 <head> 섹션에 붙여넣습니다. 이 코드는 GTM 컨테이너 ID를 포함하고 있으며, 웹페이지가 로드될 때 GTM 컨테이너를 로드하는 스크립트를 실행합니다. GTM 컨테이너는 웹사이트에서 구성한 다른 모든 태그를 로드합니다. 두 번째 코드 스니펫을 <body> 태그의 시작 부분 바로 아래에 붙여넣고 파일을 저장합니다. 이제 GTM 컨테이너가 작동할 준비가 되었습니다. 아직 GTM에서 아무것도 설정하지 않았기 때문에 Google Analytics로 데이터를 전송하지는 않습니다. Google Analytics와의 연동을 위해 Tag Manager에서 태그를 구성해야 합니다. Tag Manager에서 ‘태그’ 섹션으로 이동하여 새 태그를 생성합니다. 태그 구성에서 ‘Google Analytics: GA4 구성’ 태그 유형을 선택합니다.
5. Google Tag Manager에서 GA4 태그 설정 및 배포
GA4 구성 태그를 설정하려면 Google Analytics 속성의 측정 ID를 입력해야 합니다. Google Analytics 홈페이지에서 웹 스트림의 오른쪽 상단에서 측정 ID를 복사하여 Google Tag Manager에 붙여넣습니다. 대부분의 설정을 기본값으로 유지하고, ‘트리거’를 선택하여 이 태그가 언제 실행될지 지정합니다. 모든 페이지에서 태그가 실행되도록 ‘All Pages’ 트리거를 선택합니다. Google Analytics가 향상된 측정 이벤트를 자동으로 수집하도록 구성되어 있는지 확인합니다. 태그 이름을 “GA4 Config – Your Website”과 같이 관련성 있는 이름으로 변경합니다. 설정을 저장한 후, 컨테이너 변경 사항을 적용하기 위해 ‘제출’을 클릭하고 컨테이너를 게시합니다. 설명은 선택 사항입니다.
6. 웹사이트 작동 확인 및 Google Analytics 데이터 확인
웹사이트로 이동하여 Google Analytics 설정이 제대로 작동하는지 확인합니다. 개발자 도구(Mac에서는 Command-Option-I, Windows에서는 F12)를 열고 ‘네트워크’ 탭으로 이동합니다. 페이지를 새로 고침하면 GTM 컨테이너가 로드되고 Google Analytics 태그가 실행되는 것을 확인할 수 있습니다. 네트워크 패널에서 측정 ID를 확인할 수도 있습니다. 이 모든 것이 성공적으로 완료되면 Google Analytics에서 데이터를 확인할 수 있습니다. Google Analytics 홈페이지로 돌아가면 ‘데이터 스트림을 설정해야 합니다’라는 알림이 사라진 것을 확인할 수 있습니다. ‘보고서’ 섹션으로 이동하여 ‘실시간’ 보고서를 확인하면 웹사이트에 접속한 사용자가 표시됩니다. 몇 분 정도 기다리면 웹사이트에서 Google Analytics 속성으로 데이터가 전송되는 것을 확인할 수 있습니다. 실시간 보고서에 사용자가 표시되면 Google Analytics가 성공적으로 설정된 것입니다.