태그 관리자를 이용한 Google Analytics 4의 버튼 클릭 모니터링 가이드

의 두드러진 특징 중 하나는 새로운 Google Analytics 4 데이터 아키텍처 이 도구는 발생을 기반으로 작동한다는 것입니다.

데이터 프레임워크가 조회수 또는 세션에 기반을 둔 유니버설 애널리틱스와 달리 GA4에서는 완전히 변경되어 UA에 비해 주요 업데이트 중 하나를 구성합니다.

따라서 Google 분석 버튼 클릭 추적을 모니터링하려는 경우 이 프로세스를 수행하는 것이 중요합니다. 특정 이벤트 매개변수를 통해 귀하의 사이트나 애플리케이션에 위치합니다.

이 설명서에서는 GA4에서 버튼 클릭을 추적하는 방법 신속하고 기본적이며 효과적인 방법으로.

주목: 이벤트 설정 옵션을 사용하면 Fathom Analytics에 버튼 클릭을 등록하는 것이 더 간단해집니다. 이벤트 이름과 값을 구성하고 Fathom Analytics 대시보드에서 이벤트를 빠르게 확인하세요.

Google Analytics 4에서 버튼 추적은 어떻게 작동합니까?

GA4의 버튼 추적은 이벤트 기록을 통해 작동합니다., Google의 최신 분석 도구로 측정된 모든 요소와 유사합니다.

GA4에서 이벤트를 설정하는 것은 상당히 간단하며 이를 활용하여 방문자가 웹사이트에 참여하는 방식에 대한 더 깊은 통찰력을 얻을 수 있습니다.

이는 GA4와 유니버설 애널리틱스 간의 주요 차이점 중 하나이며, 버튼에 이벤트 추적 매개변수를 배치했음에도 불구하고 이는 사실입니다. 초보자에게는 다소 복잡함, 우리는 귀하를 위해 프로세스를 간소화해 드리겠습니다.

아웃바운드 링크 클릭, 파일 다운로드, 일반 사용자 클릭, 페이지 스크롤, 특정 페이지와의 상호 작용 등을 모니터링하기 위해 이벤트를 사용할 수 있습니다.

Google 분석 이벤트를 통해 버튼 클릭을 모니터링하면 다음이 가능합니다. 얼마나 많은 사용자가 해당 버튼을 클릭하는지 파악, 퍼널과 사용자 여정 진행 상황을 개선하는 데 도움이 될 수 있습니다.

GA4의 버튼 추적을 위한 전제조건

GA4에서 버튼을 구성하려면 다음이 필요합니다. 주요 구성 요소:

  1. 당신의 Google 웹사이트 또는 앱에서 Analytics 태그를 활성화해야 합니다., 이는 UA에서 GA4로의 전환이 사전에 완료되었어야 함을 나타냅니다.
  2. 적절한 자산을 보유하고 있는지 확인하세요. Google 태그 관리자 계정 구성 당신의 재산에.

버튼 클릭을 감독하기 위해 Google 태그 관리자를 사용하는 것이 가장 간단한 접근 방식입니다. 추적 코드 설정 원활하게 작동하기 때문입니다.

Universal Analytics와 함께 GTM을 활용할 수도 있지만 현실은 다음과 같습니다. GA4 이벤트를 감독하는 것이 더 효과적이고 덜 복잡합니다.

이러한 기본 전제 조건 외에도 다음 사항을 명심하세요. 버튼이 이미 있어야 합니다. 귀하의 웹사이트에서. GA4 및 GTM에 대해 더 자세히 알아보려면 공식 Google 웹사이트를 살펴보세요.

Google Analytics 4에서 버튼 클릭을 추적하는 효과적인 기술

이 블로그 항목에서 우리는 다음을 목표로 합니다. Google Analytics 4에서 버튼 클릭 모니터링 프로세스를 간소화합니다. 가능한 한 많이.

Google Chrome 웹 브라우저가 실행되고 준비되었는지 확인하세요(즐겨), Google Analytics 계정 내 버튼 클릭 추적을 시작하는 데 필요한 모든 단계를 살펴보겠습니다.

1단계: 향상된 측정 활성화

처음으로 GA4를 설정할 때 도구에서는 다음을 제안합니다. 향상된 측정을 활성화합니다.

Google Analytics 4가 이벤트를 통해 작동한다는 점을 고려하면 향상된 측정은 단지 자동화되고 조언된 이벤트 추적을 웹 사이트에 구현하여 프로세스를 크게 단순화합니다.

이 접근법은 다음을 의미합니다. 본질적으로 통합된 기본 이벤트 설정 GA4의 기본 이벤트에는 category가 필요하지 않습니다.

또는 Google Analytics 4 관리 패널의 데이터 스트림 세그먼트를 통해 향상된 측정을 수동으로 실행할 수도 있습니다.

향상된 측정 켜기

2단계: Google 태그 관리자 계정 설정

그 후에는 반드시 Google 태그 관리자 내장 새로운 계정을 초기화하여.

GTM을 설치하려면 GTM 웹사이트로 이동하여 새 계정을 만드세요. 다음 화면이 나타날 때까지 화면의 지시를 따르십시오.

구글 태그 매니저 설치

당신은해야합니다 GTM 코드를 복사하여 theand에 붙여넣으세요.웹사이트 페이지의 세그먼트.

이 절차를 완료하면 모든 Google 태그 관리자 기능과 페이지의 통합 변수가 활성화되며, 이는 의심할 여지없이 버튼 클릭 추적에 필요합니다.

3단계: Google 태그 관리자 통합 변수 조정

사이트에 GTM을 성공적으로 설치한 후 다음으로 이동하세요. 기본 Google 태그 관리자 작업공간을 클릭하고 왼쪽 메뉴에서 변수 선택.

라벨이 붙은 버튼이 나타납니다. “구성” 화면 오른쪽 상단에 있는 – 계속해서 클릭하세요.

Google 태그 관리자 변수 구성

구성 버튼을 클릭한 후 찾을 때까지 아래로 스크롤합니다. 모두 클래스를 클릭하고 모두 활성화합니다.

클릭 클래스 활성화

이후 클릭 유형을 모두 선택하면, “저장”을 클릭하세요 Variables 태그로 돌아갑니다.

여기에서 화면 오른쪽 끝에 있는 제출 버튼을 클릭하세요.

변수 유형 제출

화면의 지시를 준수하고, 모든 수정 사항이 GTM 계정에 통합될 때까지 기다립니다.. 다음과 같은 녹색 알림이 사용자 측에 표시됩니다.

Google 태그 관리자 실시간 알림

이 알림은 다음을 의미합니다. 업데이트가 이제 게시되었습니다 – GTM은 클릭 추적을 신속하게 시작할 준비가 되어 있습니다. 이것이 GTM 내에서 클릭 변수를 활성화하는 방법입니다.

4단계: 개요를 방문하여 '새 태그 추가' 선택

이제 기본 GTM 화면을 다시 방문하세요. 버튼 추적과 관련된 태그를 생성해야 합니다.

다음을 탭하세요. “새 태그 추가” 버튼을 클릭하면 태그 구성을 지원하는 새 탭으로 이동됩니다.

새 태그 추가

5단계: 태그 구성 진행 및 새로운 이벤트 태그 설정

이 시점에서 우리는 나중에 귀하의 웹사이트에 있는 버튼과 "페어링"할 수 있는 태그를 작성합니다.

시작일: – 이 경우 태그에 '버튼 클릭'이라는 라벨을 붙였습니다. 버튼이 여러 개인 경우 정확한 버튼 지정에 해당하는 태그 이름을 지정할 수 있습니다.

이벤트 태그 구성

아래에는 세 가지 선택이 가능합니다:

  1. 태그 구성: "Google 분석: GA4 이벤트” 또는 Google 태그가 아직 설정되지 않은 경우 “수동으로 ID 설정”. 두 옵션 모두 적합합니다.
  2. 추적 ID: GA4 태그가 아직 활성화되지 않은 경우 Google Analytics 계정에서 찾을 수 있는 추적 ID를 여기에 입력해야 합니다.
  3. 이벤트 제목: 일정 제목에는 공백이 있어서는 안 된다는 점에 유의하세요. 이 데모에서는 이벤트 이름을 "button_click"으로 지정했습니다.

각 Google 태그 관리자 컨테이너 옵션에 필요한 요구 사항을 충족하고 다음 단계로 진행합니다.

6단계: 태그에 대한 새 트리거 설정

당신은해야합니다 클릭 모니터링을 담당하는 태그 변수를 활성화하는 트리거를 생성합니다. 트리거 섹션으로 이동하여 "트리거 선택"을 선택한 다음 인터페이스 오른쪽 상단에 있는 더하기 아이콘을 클릭하세요.

그러면 트리거 구성 패널.

버튼 클릭 이벤트에 대한 새 트리거 생성

모든 페이지 선택, 다양한 트리거 옵션 목록이 표시됩니다.

목록을 아래로 스크롤하여 레이블이 지정된 트리거 옵션을 찾습니다. “클릭 - 모든 요소.”

선택하신 후 "저장"을 클릭하여 확인하세요. 계속하려면.

선택 클릭 - 모든 요소

일단 당신이 태그와 트리거를 모두 생성했습니다., 수정 사항은 기본 작업 공간 인터페이스에 표시됩니다.

아래 제공된 예시 스크린샷과 일치하는지 확인하세요.

gtm 작업공간 태그 목록

Google 태그 관리자의 변수가 구성되었으므로 이제 미리 볼 차례입니다.

7단계: Google 태그 관리자 미리보기로 이동

다음으로 향하세요. 미리보기 화면, 이는 다음 위치에 있습니다. GTM 대시보드의 기본 메뉴입니다. 제출 버튼 옆 화면 오른쪽 상단에 위치합니다.

'미리보기'를 누르세요. 미리보기 모드가 활성화됩니다.

GTM 미리보기 모드에 액세스하세요

8단계: 사이트에 Tag Assistant 연결

최근 수정 사항을 테스트하려면, GTA라고도 알려진 Google Tag Assistant가 사이트에 연결되어야 합니다..

미리보기 탭에 액세스하면 웹사이트 URL을 입력하라는 메시지가 표시됩니다.

보장 버튼이 위치한 정확한 URL을 포함하세요. 우리 시나리오에서는 웹 사이트 홈 페이지에 있는 버튼의 클릭 이벤트를 검사하고 있습니다.

Tag Assistant를 웹사이트에 연결

“연결”을 클릭하세요. 그러면 URL이 새 탭에서 열립니다.

9단계: 버튼 작동 및 테스트

새로 열린 탭에서 화면 오른쪽 하단에 "Tag Assistant가 연결되었습니다.'

사이트가 나올 때까지 아래로 스크롤하세요. 모니터링하려는 버튼을 찾아서 클릭하세요. 버튼을 클릭하고 다음 단계로 진행하세요.

이벤트를 테스트하려면 버튼을 클릭하세요.

10단계: Google Tag Assistant 요약으로 돌아가기

버튼을 활성화한 후, GTA 요약 탭으로 다시 이동, 다음 메시지가 표시됩니다.

gtm 요약 탭

이는 다음을 의미합니다. 버튼 클릭 이벤트가 성공적으로 시작되었습니다! GTA는 요소에 대한 클릭을 인식했지만 해야 할 일이 더 많습니다.

Button Click이라는 태그에도 불구하고 GTA는 대상 URL 내의 요소에 대한 클릭만 인식합니다.

정확한 버튼 선택을 감지하지 못합니다.

그렇다면 왜 이런 일이 발생합니까? 이 때문입니다 클릭 요소는 특정 버튼 변수로 구성되어야 합니다., 이는 이 초기 이벤트 단계를 트리거해야만 식별할 수 있습니다. 계속합시다.

11단계: 특정 버튼 변수 탐색

GTA 미리보기 화면의 왼쪽 사이드바 메뉴에서 딸깍 하는 소리 섹션을 선택하고 선택하세요.

다음 화면이 구현됩니다. 다음으로 진행하세요. 변수 탭.

변수 탭

이 변수 화면에서 두 가지 중요한 매개변수를 찾으세요. 텍스트를 클릭하고 URL을 클릭하세요..

클릭 텍스트는 버튼의 명시적 텍스트, 클릭 URL은 정확한 링크 대상 포스트 버튼 클릭.

클릭 ID 및 클릭 요소와 같은 다른 변수도 태그에 영향을 주지만, 버튼 클릭만 추적하는 데 중점을 두고 언급된 변수를 식별하고 계속 진행하기 전에 탭을 열어 둡니다.

버튼 변수 목록

12단계: Google 태그 관리자의 트리거 섹션 다시 방문

우리는 반드시 GTM의 트리거 구성으로 돌아가기. 조정하려는 트리거(이 경우에는 버튼 클릭이라고 표시됨)를 찾아 클릭합니다.

수정하려면 트리거를 클릭하세요.

트리거를 선택한 후 트리거 구성으로 이동하여 '모든 클릭'에서 '일부 클릭'으로 전환합니다.

인터페이스는 다음과 유사합니다.

트리거 구성을 일부 클릭으로 변경

13단계: 새로운 타겟 트리거 변수 설정

우리는 활용할 예정이다 클릭 URL과 텍스트 변수 모두 특정 버튼 조건이 충족될 때만 트리거가 활성화되도록 합니다.

'이벤트가 발생하고 이러한 기준이 충족되면 이 트리거 활성화'에서 다음 단계를 따르세요.

  1. 첫 번째 경우 다음과 같이 설정을 사용자 정의합니다. 텍스트 – 같음 – 정확한 클릭 버튼과 연결된 텍스트 변수를 클릭합니다.
  2. + 아이콘을 탭하고 두 번째 기준에 대해 다음과 같이 설정을 구성합니다. 클릭 URL – 같음 – 버튼의 정확한 클릭 URL 변수입니다.

버튼에 대한 새 트리거 변수 설정

완료 후 저장 버튼을 클릭하시면 안내됩니다. 태그 관리자 메뉴로 돌아갑니다.

제출을 누르는 것을 잊지 마세요 – 그렇지 않으면 변경 사항이 전체 태그 구성에 적용되지 않습니다.

태그 구성 제출

14단계: 버튼이 트리거되는지 확인

이제 버튼 클릭 추적 태그가 설정되어 활성화 및 기록될 준비가 되었지만 확인이 필요합니다.

있다 버튼이 작동하는지 확인하는 두 가지 방법, 아래에 나열되어 있습니다.

Google Analytics 4 DebugView를 통해 확인

GA4에는 모든 내용을 표시하는 디버깅 기능이 포함되어 있습니다. 즉시 활성 이벤트.

Google 분석 설정에 액세스하여 다음을 찾으세요. 디버그뷰 기능을 클릭한 다음 사이트를 방문하여 버튼 클릭을 실행하세요.

DebugView는 버튼 클릭 이벤트가 시작되었음을 알려 프로세스가 성공했음을 나타냅니다.

Google Tag Manager Assistant 미리보기를 통해 확인

버튼이 트리거되는지 확인하는 다른 방법은 다음과 같습니다. GTA 미리보기 모드를 다시 살펴보세요.

위의 지침에 따라 미리보기 모드에 액세스하고 GTA가 활성화된 버튼이 있는 대상 URL로 이동하여 버튼을 선택합니다.

그런 다음 Google Tag Assistant 요약으로 돌아가 버튼 추적 이벤트가 기록되었는지 평가합니다.

요약: GA4에서 버튼 추적 구현

활용 Google 태그 관리자 GA4에 버튼 추적 기능을 도입하는 가장 간단한 접근 방식입니다.

배포 능력 GA4 이벤트에 응답하는 태그 당사 웹사이트 내에서 일어나는 활동에 대한 새로운 통찰력을 제공합니다.

다행히 GA4의 복잡한 인터페이스에도 불구하고 이 사용자 친화적인 가이드에 통합된 단계를 따르면 웹사이트에서 버튼 클릭 추적을 시작할 수 있습니다.

작가

  • 플라도라 마리아

    Maria는 사내 및 대행사 측에서 모두 일하면서 디지털 마케팅 담당자로서 11년 이상의 경험을 갖고 있습니다. 이러한 다양한 배경은 풍부한 실용적인 통찰력으로 그녀의 글을 더욱 풍성하게 만들어줍니다. 그녀는 키워드 연구, 페이지 SEO 및 콘텐츠 제작과 같은 주제에 대해 초보자 친화적인 기사를 만드는 것을 전문으로 합니다.

    모든 게시물 보기
딸깍 하는 소리