1. Google 태그 관리자 변수의 이해
Google 태그 관리자(GTM)에서 변수는 변경될 수 있는 값을 나타내는 상징입니다. GTM을 사용하여 웹사이트 또는 앱에서 데이터를 수집하고 마케팅 및 분석 도구로 전송하는 경우, 변수는 이러한 데이터 수집 및 전송 프로세스에서 중요한 역할을 합니다. 변수는 트리거 조건과 태그 모두에서 사용됩니다. 트리거 조건에서 변수는 태그를 실행해야 하는 시점을 결정하는 필터를 정의하는 데 사용됩니다. 예를 들어, 특정 페이지 URL에서만 실행되도록 태그를 설정할 수 있습니다. 태그에서 변수는 동적 값을 캡처하는 데 사용됩니다. 예를 들어, 사용자가 클릭한 버튼의 텍스트를 캡처하여 분석 도구로 전송할 수 있습니다. GTM은 각 컨테이너에 일반적으로 사용되는 내장 변수 세트를 제공합니다. 이러한 변수는 미리 정의되어 있으며 사용자 정의할 수 없습니다. 새 컨테이너를 만들면 일부 내장 변수가 자동으로 활성화됩니다. 내장 변수는 웹 페이지의 URL, 클릭한 요소, 양식 ID, 오류 메시지 등과 같은 일반적인 데이터 포인트를 캡처하는 데 유용합니다.
1.1 내장 변수 활성화 방법
내장 변수를 활성화하려면 GTM 인터페이스의 왼쪽 메뉴에서 “변수”를 클릭합니다. 그런 다음 “내장 변수” 섹션에서 “설정” 버튼을 클릭합니다. 확인란을 사용하여 변수를 활성화하거나 비활성화할 수 있습니다. 활성화된 내장 변수는 태그 및 트리거 조건에서 사용할 수 있습니다. 예를 들어, “페이지 URL” 변수를 활성화하면 특정 페이지에서만 태그가 실행되도록 트리거 조건을 설정할 수 있습니다. 또한 “클릭 텍스트” 변수를 활성화하면 사용자가 클릭한 버튼의 텍스트를 캡처하여 분석 도구로 전송할 수 있습니다. 내장 변수를 사용하면 코드를 작성하지 않고도 일반적인 데이터 포인트를 쉽게 캡처하고 사용할 수 있습니다. GTM은 다양한 내장 변수를 제공하므로 웹사이트 또는 앱의 요구 사항에 맞는 변수를 선택하여 사용할 수 있습니다. 내장 변수는 GTM을 처음 사용하는 사용자에게 특히 유용합니다.
1.2 내장 변수 예시
웹 컨테이너의 내장 변수에는 클릭 요소, 오류 메시지, 양식 ID, 페이지 URL, 스크롤 깊이 등이 있습니다. “클릭 요소” 변수는 사용자가 클릭한 HTML 요소를 캡처합니다. “오류 메시지” 변수는 JavaScript 오류가 발생했을 때 오류 메시지를 캡처합니다. “양식 ID” 변수는 양식이 제출될 때 양식의 ID를 캡처합니다. “페이지 URL” 변수는 현재 페이지의 전체 URL을 캡처합니다. “스크롤 깊이” 변수는 스크롤 이벤트가 트리거된 시점의 스크롤 깊이를 캡처합니다. 이러한 내장 변수를 사용하면 웹사이트 또는 앱에서 사용자 행동을 추적하고 분석하는 데 필요한 다양한 데이터를 수집할 수 있습니다. 예를 들어, “클릭 요소” 변수를 사용하여 사용자가 웹사이트에서 가장 많이 클릭하는 버튼을 파악할 수 있습니다. “오류 메시지” 변수를 사용하여 웹사이트에서 발생하는 JavaScript 오류를 식별하고 수정할 수 있습니다. “양식 ID” 변수를 사용하여 특정 양식의 제출률을 추적할 수 있습니다. “페이지 URL” 변수를 사용하여 특정 페이지의 방문자 수를 추적할 수 있습니다. “스크롤 깊이” 변수를 사용하여 사용자가 페이지를 얼마나 스크롤하는지 파악할 수 있습니다.
2. 사용자 정의 변수 생성
내장 변수 외에도 특정 요구 사항에 따라 사용자 정의 변수를 만들 수 있습니다. 사용자 정의 변수는 필요에 따라 맞춤 설정할 수 있는 변수입니다. 사용자 정의 변수를 만들려면 GTM 인터페이스의 왼쪽 메뉴에서 “변수”를 클릭합니다. “사용자 정의 변수” 섹션에서 “새로 만들기” 버튼을 클릭합니다. “변수 설정”을 클릭하고 원하는 변수 유형을 선택합니다. 선택한 유형에 대한 설정 옵션을 완료합니다. 변수 이름을 지정하고 “저장”을 클릭합니다. 사용자 정의 변수는 웹사이트 또는 앱에서 특정 데이터를 캡처하고 처리하는 데 유용합니다. 예를 들어, 웹사이트에 특정 제품 ID가 포함된 데이터 레이어가 있는 경우, 사용자 정의 변수를 사용하여 해당 제품 ID를 캡처할 수 있습니다. 또한 사용자 정의 JavaScript 코드를 실행하여 특정 값을 계산하고 해당 값을 변수에 저장할 수 있습니다. 사용자 정의 변수를 사용하면 GTM을 사용하여 데이터 수집 및 전송 프로세스를 완벽하게 제어할 수 있습니다. 사용자 정의 변수는 웹사이트 또는 앱의 특정 요구 사항에 맞는 데이터를 캡처하고 분석하는 데 필요한 유연성을 제공합니다.
2.1 사용자 정의 변수 예시
사용자 정의 변수에는 사용자 정의 JavaScript, 데이터 영역 변수, URL 변수, 상수 등이 있습니다. “사용자 정의 JavaScript” 변수는 JavaScript 코드를 실행하고 값을 반환합니다. “데이터 영역 변수”는 데이터 영역에서 값을 캡처합니다. “URL” 변수는 URL의 다른 부분을 구문 분석하고 표시합니다. “상수” 변수는 태그에서 반복적으로 사용할 수 있는 고정 값을 저장합니다. “사용자 정의 JavaScript” 변수를 사용하면 복잡한 계산을 수행하거나 웹사이트에서 특정 데이터를 추출하는 데 필요한 JavaScript 코드를 실행할 수 있습니다. “데이터 영역 변수”를 사용하면 웹사이트의 데이터 영역에 저장된 데이터를 캡처할 수 있습니다. “URL” 변수를 사용하면 페이지 URL에서 호스트 이름, 경로, 쿼리 매개변수와 같은 특정 부분을 추출할 수 있습니다. “상수” 변수를 사용하면 태그에서 반복적으로 사용되는 API 키 또는 기타 고정 값을 저장할 수 있습니다. 이러한 사용자 정의 변수를 사용하면 GTM을 사용하여 데이터 수집 및 전송 프로세스를 세밀하게 제어할 수 있습니다. 사용자 정의 변수는 웹사이트 또는 앱의 특정 요구 사항에 맞는 데이터를 캡처하고 분석하는 데 필요한 유연성을 제공합니다.
3. 변수 사용 시기
내장 변수는 일반적인 작업(예: 클릭, 오류, 양식 및 페이지 조회 평가)에 사용할 수 있습니다. 이러한 변수는 미리 구성되어 있으며 즉시 사용할 수 있습니다. 더 많은 유연성이 필요하거나 내장 변수로 충족할 수 없는 특정 요구 사항이 있는 경우 사용자 정의 변수를 사용할 수 있습니다. 예를 들어, 웹사이트에서 사용자 지정 값을 캡처하거나 사용자 지정 JavaScript 코드를 실행하려는 경우 사용자 정의 변수를 사용할 수 있습니다. 내장 변수는 일반적으로 웹사이트 또는 앱에서 기본적인 데이터 포인트를 캡처하는 데 충분합니다. 그러나 웹사이트 또는 앱의 특정 요구 사항에 맞는 데이터를 캡처하려면 사용자 정의 변수를 사용해야 합니다. 예를 들어, 웹사이트에 특정 제품 ID가 포함된 데이터 레이어가 있는 경우, 사용자 정의 변수를 사용하여 해당 제품 ID를 캡처할 수 있습니다. 또한 사용자 정의 JavaScript 코드를 실행하여 특정 값을 계산하고 해당 값을 변수에 저장할 수 있습니다. 사용자 정의 변수를 사용하면 GTM을 사용하여 데이터 수집 및 전송 프로세스를 완벽하게 제어할 수 있습니다.
3.1 내장 변수 vs 사용자 정의 변수
내장 변수는 사용하기 쉽고 빠르게 설정할 수 있다는 장점이 있지만, 사용자 정의 변수는 더 많은 유연성과 사용자 정의 기능을 제공합니다. 내장 변수는 일반적으로 웹사이트 또는 앱에서 기본적인 데이터 포인트를 캡처하는 데 충분하지만, 웹사이트 또는 앱의 특정 요구 사항에 맞는 데이터를 캡처하려면 사용자 정의 변수를 사용해야 합니다. 예를 들어, 웹사이트에 특정 제품 ID가 포함된 데이터 레이어가 있는 경우, 사용자 정의 변수를 사용하여 해당 제품 ID를 캡처할 수 있습니다. 또한 사용자 정의 JavaScript 코드를 실행하여 특정 값을 계산하고 해당 값을 변수에 저장할 수 있습니다. 사용자 정의 변수를 사용하면 GTM을 사용하여 데이터 수집 및 전송 프로세스를 완벽하게 제어할 수 있습니다. 따라서 웹사이트 또는 앱의 요구 사항에 따라 내장 변수와 사용자 정의 변수를 적절하게 선택하여 사용하는 것이 중요합니다.
백링크:
- Google Tag Manager 공식 문서: https://support.google.com/tagmanager/?hl=ko#topic=3441532
- Google Developers – Tag Manager: https://developers.google.com/tag-manager
- Simmer – Google Tag Manager 강좌: https://www.simmer.io/gtm/