검색
검색어 지우기
검색 닫기
Google 앱
기본 메뉴
true

트리거

트리거를 사용하여 태그를 실행하는 방식을 제어합니다.

트리거는 런타임 시 참 또는 거짓을 판별하는 조건이며, 태그에 추가된 트리거는 태그를 실행할 때 또는 실행하지 않을 때를 결정합니다.

이 도움말에 나와 있는 내용은 다음과 같습니다.

개요

태그가 실행되려면 태그에 1개 이상의 트리거가 있어야 합니다. 트리거는 런타임 중에 평가되며, 트리거 조건이 충족될 때 연결된 태그가 실행되거나 실행되지 않습니다. 예를 들어 페이지뷰 이벤트에 기반한 트리거가 있는 태그에 아래의 필터가 적용되어 있으면 해당 태그가 example.com 홈페이지에서 실행됩니다.

url 같음 example.com/index.html

트리거는 1개의 이벤트와 1개 이상의 필터로 구성됩니다(필터가 필요하지 않은 맞춤 이벤트는 예외). 각 필터는 '[변수] [연산자] [값]'과 같은 형식으로 구성됩니다.

변수 연산자
url, referrer 같음, 다음을 포함함 사용자가 값을 입력하면 Google 태그 관리자가 입력된 값과 변수에 있는 런타임 값을 비교합니다.

이 예에서는 'url' 변수가 런타임 중에 평가됩니다. 'url' 변수는 현재 페이지의 URL을 포함하도록 정의되었습니다. 따라서 런타임 중에 현재 페이지 URL과 사용자가 입력한 값인 'example.com/index.html'을 비교하여 트리거 조건의 충족 여부를 판단합니다.

웹 컨테이너에서 page url, page hostname, referrer 등의 기본 제공 함수를 사용하도록 설정할 수 있습니다. 또한 클릭 기반 트리거를 설정할 때 Google 태그 관리자는 기본 제공 변수를 사용하여 클릭된 요소 ID, 클래스 등에 해당하는 변수를 자동으로 입력합니다. 이 변수를 이용해 자주 사용할 트리거를 구성할 수 있습니다. 하지만 변수를 직접 정의한 후 트리거 필터에서 해당 값을 사용할 수도 있습니다. 자세히 알아보려면 변수를 참조하세요.

태그 관리자에는 URL, 클릭 ID와 같은 데이터를 수집하는 등 일반적인 작업에 사용할 수 있는 다양한 기본 제공 변수가 있습니다. 드롭다운 메뉴에서 기본 제공 변수를 이용하려면 먼저 태그 관리자에서 변수를 사용하도록 설정해야 합니다. 자세히 알아보기 

트리거 하나에 여러 필터([변수] [연산자] [값])를 지정할 수 있습니다. 트리거의 모든 조건이 충족되면 트리거의 조건이 충족된 것으로 간주됩니다.

태그용 트리거 실행 및 차단

트리거 중 하나라도 조건을 충족하면 태그가 실행됩니다. 예를 들어 태그 하나에 '모든 페이지'라는 트리거와 'ABC 페이지만'이라는 트리거가 있는 경우 모든 페이지에서 태그가 실행됩니다.

태그의 실행을 차단하는 트리거는 항상 다른 트리거에 우선하여 적용됩니다. 예를 들어 태그에 '모든 페이지'라는 트리거와 'URL 같음 thankyou.html'이라는 차단 트리거가 있으면 'thankyou.html' 페이지에서는 태그가 실행되지 않습니다.

트리거 유형

Google 태그 관리자의 모든 태그 실행은 이벤트에 의해 이루어집니다. Google 태그 관리자에서 이벤트가 등록될 때마다 컨테이너의 트리거가 평가되고 그에 따라 태그가 실행됩니다. 이벤트가 발생하지 않으면 태그가 실행되지 않습니다.

이벤트에는 페이지뷰, 버튼 클릭, 양식 제출, 기타 사용자가 정의하는 맞춤 이벤트가 있습니다. Google 태그 관리자에는 6개의 기본 제공 이벤트 유형과 1개의 맞춤 이벤트 옵션이 있습니다. 트리거를 설정하는 첫 번째 단계는 트리거와 연결된 이벤트 유형을 선택하는 것입니다. 기본 제공 이벤트는 다음과 같습니다.

페이지뷰(웹)

페이지뷰는 사용자의 브라우저에서 페이지를 렌더링하는 동작에 해당하는 이벤트입니다. 트리거 유형 드롭다운 메뉴를 통해 이 이벤트를 추가로 구성하면, 브라우저가 페이지를 파싱하기 시작하는 순간에 태그를 실행할지(페이지뷰), 브라우저에서 전체 페이지 DOM 구성을 완료한 직후에 태그를 실행할지(DOM 사용 가능), 이미지나 스크립트처럼 삽입된 리소스를 포함하는 페이지가 완전히 로드된 직후에 태그를 실행할지(창 로드)를 Google 태그 관리자에 명령할 수 있습니다. 태그에서 DOM 또는 자바스크립트 변수를 사용하여 동적 값을 포착하는 경우 페이지뷰 기반 트리거의 시간을 조정하면 도움이 될 수 있습니다. DOM과의 상호작용을 통해 변수를 입력하는 페이지뷰 기반 태그에서는 모두 변수가 일관성 있게 설정되도록 트리거 유형으로 DOM 사용 가능을 선택해야 합니다.

클릭(웹)

사용자가 링크 또는 페이지의 요소를 클릭할 때 태그가 실행되게 하려면 클릭 이벤트 유형을 선택하세요.

Google 태그 관리자의 성능을 최적화할 수 있도록, 클릭이 예상되는 페이지의 URL(또는 URL 패턴)을 트리거 필터에서 지정하시기 바랍니다.

사용자가 페이지에서 필터와 일치하는 요소를 클릭하면 Google 태그 관리자에서 자동으로 다음 변수를 입력합니다(단, 이러한 기본 제공 변수를 사용하도록 설정한 경우에 한함).

  • 클릭 요소: 클릭된 HTML 요소입니다.
  • 클릭 클래스: 요소의 클래스 속성에 있는 값의 배열입니다.
  • 클릭 ID: 클릭된 요소의 ID 속성입니다.
  • 클릭 타겟: 클릭된 요소의 타겟 속성입니다.
  • 클릭 URL: 클릭된 요소의 HREF 속성입니다(해당되는 경우).
  • 클릭 텍스트: 클릭된 요소 안에서 사용자에게 표시되는 텍스트입니다.

그런 다음 클릭 트리거 필터 안에 위의 변수를 넣을 수 있습니다. 예를 들어 www.example.com/cart.html 페이지에 아래의 마크업을 가진 버튼이 있다고 가정해 보겠습니다.

<button type="submit" id="cart-add" class="addToCart" >ADD TO CART</button>

사용자가 이 버튼을 클릭하면 다음 트리거 구성이 태그를 실행합니다.

트리거 구성

트리거 유형: 클릭 - 모든 요소
트리거 실행 조건: 일부 클릭
클릭 ID는 장바구니 담기와 동일함
페이지 URL에 example.com/cart.html이 포함됨

클릭 기반 트리거를 추가로 설정하여 일반 링크 클릭('링크만' 옵션)만 수신할 것인지 아니면 페이지의 모든 HTML 요소 클릭('모든 요소' 옵션)을 수신할 것인지를 지정할 수 있습니다.

일반적으로 링크 클릭이 발생하면 브라우저에서 새 페이지를 로드하고 대기 중인 HTTP 요청이 중단되므로, 다음 페이지로 리디렉션이 발생하기 전에 Google 태그 관리자에 의해 실행된 태그가 올바르게 실행되도록 약간의 지연을 추가할 수 있습니다. '태그 대기' 옵션을 선택하면 모든 태그가 실행을 완료하거나 지정된 제한 시간이 초과될 때까지(둘 중 더 빠른 시간 적용) 링크 열기가 지연됩니다.

'유효성 확인' 옵션을 선택하면 링크 열기가 유효한 액션으로 간주될 때만 태그가 실행됩니다. 이 옵션을 선택하지 않으면 사용자가 링크 클릭을 시도할 때마다 태그가 실행됩니다. 자세한 내용은 아래의 '유효성 확인 옵션 소개'를 참조하세요.

요소 공개 상태(웹)

요소 공개 상태 트리거를 사용하면 지정된 하나 이상의 요소가 공개 상태가 되면 태그를 실행합니다. 이 트리거는 선택한 요소가 표시 영역에 표시되거나 스타일 지정에 따라 공개될 때(예: .숨겨지지 않은 스타일) 실행됩니다. 페이지 로드, 페이지 스크롤, 브라우저 창의 백그라운드 탭 활성화, 코드를 사용한 요소의 위치나 스타일 변경 시작을 포함하는 액션을 통해 요소 공개 상태가 될 수 있습니다.

요소 공개 상태 트리거는 하나 또는 여러 요소의 공개 상태에 따라 실행됩니다. 선택 방법 메뉴에서 요소를 선택할 때 사용할 기준으로 ID 속성 또는 CSS 선택 도구 중 하나를 선택합니다.

  • ID: 요소의 ID 속성 값을 기준으로 단일 요소를 선택합니다.
  • CSS 선택 도구: 지정된 CSS 선택 도구 패턴을 기준으로 하나 이상의 요소를 선택합니다.

그런 다음 트리거를 실행할 시점을 선택합니다.

  • 페이지당 한 번: 페이지당 한 번만 트리거가 실행됩니다. 지정된 페이지에서 ID나 CSS 선택 도구와 일치하는 요소가 여러 개인 경우 이 중 어느 한 요소가 페이지에 처음 표시되는 시점에만 트리거가 실행됩니다.

    사용자가 페이지를 새로고침하거나 새 페이지로 이동하면 트리거가 재설정되고 선택한 요소의 공개 상태에 따라 트리거가 다시 실행될 수 있습니다.

  • 요소당 한 번: 페이지별로 선택한 요소당 한 번만 트리거가 실행됩니다. 지정된 페이지에서 CSS 선택 도구와 일치하는 요소가 여러 개인 경우 각 요소가 처음 표시되는 시점에 트리거가 실행됩니다.

    ID 선택 방법을 사용하면 이 옵션은 일반적으로 페이지당 한 번 옵션과 비슷하게 작동합니다. 페이지에서 ID가 동일한 요소가 여러 개인 경우 첫 번째로 일치하는 요소가 있을 때 트리거가 실행됩니다. 단, 고급 설정에서 DOM 변경사항 준수 옵션이 사용 설정되어 있고 페이지에서 ID가 동일한 요소가 여러 개일 때 첫 번째로 일치하는 요소가 DOM 변경사항 준수에 따라 삭제되는 경우 트리거가 다시 실행될 수 있습니다.

    사용자가 페이지를 새로고침하거나 새 페이지로 이동하면 트리거가 재설정되고 선택한 요소의 공개 상태에 따라 트리거가 다시 실행될 수 있습니다.

  • 요소가 화면에 표시될 때마다: 일치하는 요소가 화면에 표시될 때마다 트리거가 실행됩니다. 예를 들어 ID가 foo인 요소의 공개 상태를 기준으로 트리거가 설정되어 있다면 사용자가 페이지를 아래쪽으로 스크롤하여 foo 요소가 화면에 표시될 때 트리거가 실행됩니다. 이후에 사용자가 페이지를 위로 스크롤해서 foo 요소의 위치가 다시 스크롤 해야 볼 수 있는 부분에 있게 되면 트리거가 재설정됩니다.

고급 옵션

  • 최소 비율 표시: 트리거가 실행되기 전에 선택한 요소를 화면에 표시할 비율을 백분율로 지정합니다. 기본적으로 요소가 화면에 50% 표시되면 트리거가 실행됩니다. 예를 들어 사용자가 페이지를 스크롤해 선택된 요소가 부분적으로 표시 영역에 들어오게 되면 화면에 요소의 50%가 표시되었을 때 트리거가 실행됩니다. 이 필드를 100으로 변경하면 요소가 화면의 표시 영역에 완전히(100%) 표시되기 전에는 트리거가 실행되지 않습니다.

  • 최소 화면 표시 시간 설정: 이 체크박스를 선택하면 트리거가 실행되기 전에 선택한 요소를 화면에 표시할 시간을 지정할 수 있습니다(지정된 최소 비율 표시 기준). 이 옵션은 기본적으로 비활성화되어 있으며 선택한 요소가 화면에 표시되면 즉시 트리거를 실행합니다.

    참고: 선택한 요소의 화면 표시 시간은 페이지별로 누적됩니다. 즉, 요소가 5,000밀리초 동안 표시되고 시야에서 사라졌다가 다시 5,000밀리초 동안 표시되면 총 화면 표시 시간은 10,000밀리초가 됩니다. 사용자가 페이지를 새로고침하거나 새로운 페이지로 이동하면 트리거와 화면 표시 시간은 재설정됩니다.

  • DOM 변경사항 준수: 이 체크박스를 선택하면 트리거가 DOM 변경사항을 적용할 때 표시되는 일치 요소를 추적할 수 있습니다.

참고: 최소 화면 표시 시간을 설정하거나 DOM 변경사항을 준수하도록 트리거를 설정하려면 Google 태그 관리자에서 선택한 요소를 모니터링해야 합니다. 지정된 페이지에서 일치하는 요소가 여러 개인 경우 사이트 속도(페이지 로드 후)에 영향을 미칠 수 있습니다. 속도를 최상으로 유지하려면 CSS 선택 도구와 일치하는 요소가 지나치게 많아지지 않도록 설정하거나 ID를 사용해 요소를 선택하세요.

요소 공개 상태 트리거가 실행되면 아래의 기본 변수가 자동으로 입력됩니다.

  • 표시 비율: 트리거가 실행되었을 때 선택한 요소가 화면에 표시되는 비율을 나타내는 숫자 값(0~100)입니다.

  • 화면 표시 시간: 트리거가 실행되었을 때 선택한 요소가 화면에 표시되는 시간(밀리초)입니다.

참고: 변수 화면에서 이러한 기본 변수를 사전에 사용 설정해야 합니다.

또한 사용자 지정된 자동 이벤트 변수를 추가로 구성하여 트리거가 실행될 때 선택한 요소에 관련된 정보를 수집할 수 있습니다.

양식 제출(웹)

사용자가 양식을 제출할 때 태그를 실행하려면 트리거 이벤트로 양식을 선택하세요.

Google 태그 관리자의 성능을 최적화할 수 있도록, 양식 제출이 예상되는 페이지의 URL(또는 URL 패턴)을 트리거 필터에서 지정하시기 바랍니다.

양식 제출 트리거가 실행되면 다음 변수가 자동으로 입력됩니다.

  • 양식 요소: 클릭된 양식 요소입니다.
  • 양식 클래스: 양식의 클래스 속성에 있는 값의 배열입니다.
  • 양식 ID: 양식 요소의 ID 속성입니다.
  • 양식 타겟: 양식 요소의 타겟 속성입니다.
  • 양식 URL: 양식 요소의 HREF 속성입니다(해당되는 경우).
  • 양식 텍스트: 양식 안에서 사용자에게 표시되는 텍스트입니다.

'태그 대기' 옵션을 선택하면 해당 트리거에 의존하는 모든 태그가 실행을 완료하거나 지정된 제한 시간이 초과될 때까지(둘 중 더 빠른 시간 적용) 양식 제출이 지연됩니다. 이 옵션을 선택하지 않으면 양식 제출을 통해 다음 페이지가 로드되기 전에는 느린 태그가 실행되지 않습니다.

'유효성 확인' 옵션을 선택하면 양식이 성공적으로 제출될 경우에만 태그가 실행됩니다. 이 옵션을 선택하지 않으면 사용자가 양식 제출을 시도할 때마다 태그가 실행됩니다.

기록 변경(웹)

기록 변경 이벤트에 기반한 트리거는 URL 조각(해시)이 변경되거나 사이트에서 HTML 5 pushstate API를 사용할 때 태그를 실행합니다. 예를 들어 이 트리거는 Ajax 애플리케이션에서 가상 페이지뷰를 추적하는 태그를 실행하려고 할 때 유용합니다.

기록 변경 이벤트가 발생하면 Google 태그 관리자에서 다음 변수를 입력합니다.

  • 기록 이전 URL 조각: URL 조각의 이전 형태입니다.
  • 기록 신규 URL 조각: URL 조각의 현재 형태입니다.
  • 기록 이전 상태: 사이트의 pushState 호출에 의해 제어되는 이전 기록 상태 객체입니다.
  • 기록 신규 상태: 사이트의 pushState 호출에 의해 제어되는 신규 기록 상태 객체입니다.

자바스크립트 오류(웹)

이 유형의 트리거는 window.onError를 사용하여 잡히지 않는 자바스크립트 예외가 발생할 때 태그를 실행하는 용도로 사용됩니다. 트리거가 실행되면 아래의 변수가 입력됩니다.

  • 오류 메시지: 자바스크립트 오류 메시지의 텍스트가 포함된 문자열입니다.
  • 오류 URL: 오류가 발생한 URL입니다.
  • 오류 라인 번호: 코드에서 오류가 발생한 라인 번호입니다.

자바스크립트 오류 트리거는 Google 태그 관리자가 로드되기 전에 발생한 오류는 보고하지 않으며, 잡히지 않은 예외만 보고합니다.

스크롤 깊이(웹)

스크롤 깊이 트리거는 사용자가 페이지를 스크롤하는 정도에 따라 태그를 실행하는 용도로 사용할 수 있습니다. 옵션은 다음과 같습니다.

  • 수직 스크롤 깊이: 사용자가 페이지를 아래쪽으로 스크롤한 정도를 기준으로 트리거를 실행합니다.

  • 수평 스크롤 깊이: 사용자가 페이지를 오른쪽으로 스크롤한 정도를 기준으로 트리거를 실행합니다.

동일한 트리거를 사용해 수직 및 수평 스크롤 깊이 값 모두를 기준으로 태그를 실행할 수 있습니다. 트리거를 실행할 스크롤 깊이를 비율(페이지 세로 및 가로 길이를 기준으로 한 백분율) 또는 픽셀 수를 지정합니다. 비율이나 픽셀 값을 하나 이상의 양수를 사용하여(쉼표 구분) 입력하세요.

예를 들어 수직 스크롤 깊이를 기준으로 비율 옵션을 선택했다면 10, 50, 90을 입력하여 페이지 가로 길이의 10%, 50%, 90%로 트리거 시점을 지정할 수 있습니다. 트리거가 적용되는 태그가 있는 경우 사용자가 페이지 최상단으로부터 90% 지점까지 스크롤하면 해당 태그가 지정된 각 지점별로 한 번씩 총 세 번 실행됩니다. 트리거는 페이지당 기준값마다 한 번만 실행됩니다. 이후 사용자가 페이지를 다시 위로 스크롤했다가 다시 아래로 스크롤해도 페이지를 새로고침하거나 새 페이지로 이동하기 전까지는 트리거가 실행되지 않습니다.

무한으로 스크롤되는 페이지나 페이지별로 크기 변동이 큰 경우에는 요소 공개 상태를 기준으로 트리거를 실행하는 것이 유리할 수 있습니다.

참고: 지정된 스크롤 깊이가 페이지 로드 시 표시 영역에 해당하는 경우 페이지가 스크롤되지 않아도 트리거가 실행됩니다. 각 트리거는 페이지당 기준값마다 한 번만 실행됩니다.

스크롤 깊이 트리거가 실행되면 아래의 변수가 자동으로 입력됩니다.

  • 스크롤 깊이 기준: 트리거 실행을 야기한 스크롤 깊이를 나타내는 숫자 값으로, 비율 기준은 0~100의 숫자로 표시되고 픽셀은 지정된 기준 픽셀 수로 표시됩니다.

  • 스크롤 깊이 단위: 트리거 실행을 야기한 기준값을 표시할 때 사용하도록 지정된 단위로, '픽셀' 또는 '비율'로 표시됩니다.

  • 스크롤 방향: 트리거 실행을 야기한 기준값의 방향으로, '수직' 또는 '수평'으로 표시됩니다.

타이머(웹)

이 이벤트에 기반한 트리거를 이용하면 맞춤 설정된 간격에 따라 Google 태그 관리자로 이벤트를 전송하여 원하는 빈도로 Google 태그 관리자 이벤트를 실행할 수 있습니다. 이 트리거를 사용하면 Google 태그 관리자에서 지정된 간격(밀리초)에 따라 이벤트를 실행하는 카운트다운 타이머를 시작합니다. 간격이 5,000이면 5초마다 이벤트를 실행합니다. 이벤트의 이름은 이벤트 이름에 지정된 임의의 이름입니다. 이 이벤트 이름을 이용해 맞춤 이벤트 트리거를 만들 수 있습니다. 예를 들어 타이머 기반 트리거에서 'timer5'라는 이벤트 이름을 지정하면 이벤트 조건이 '이벤트 같음 timer5'인 맞춤 이벤트 기반 트리거가 만들어집니다. Google 애널리틱스 이벤트에 나온 예를 참조하세요. 한도는 이벤트를 실행할 수 있는 최대 횟수입니다. 한도를 비워 두면 사용자가 페이지에 머물러 있는 동안 이벤트가 계속 실행됩니다.

맞춤 이벤트(웹 및 모바일)

맞춤 이벤트는 웹사이트 또는 모바일 앱에서 발생할 수 있는 일반적인 방법으로 처리되지 않는 상호작용을 추적하기 위해 사용합니다. 가장 일반적인 사용 사례는 양식 제출을 추적하려고 하지만 양식의 기본 동작이 다시 라우팅된 경우입니다(예: 제출 브라우저 이벤트가 재정의된 경우).

다음은 'button1-click'이라는 맞춤 이벤트가 데이터 영역으로 푸시될 때 태그를 실행하는 웹 구성의 한 가지 예입니다.

  1. 버튼이 클릭되면 이벤트를 데이터 영역으로 푸시할 코드를 추가합니다. 
    예: <a href="#" name="button1" onclick="dataLayer.push({'event': 'button1-click'});" >버튼 1</a>
  2. 태그를 만듭니다. 새 태그 설정의 트리거 구성 섹션에서 다음 설정을 사용하여 새 이벤트를 만듭니다.
    트리거 유형: 맞춤 이벤트
    이벤트 이름: 버튼1-클릭
    트리거 실행 조건: 모든 맞춤 이벤트

이 설정을 사용하면 기본 제출 이벤트가 재정의된 경우에도 태그가 실행될 수 있습니다. 버튼이 클릭되면 button1-click 값이 있는 맞춤 이벤트가 데이터 영역으로 푸시됩니다. 그러면 태그 관리자는 button1-click을 맞춤 이벤트 값으로 감지하고 태그 실행을 시작합니다.

팁: 표준 이벤트와 맞춤 이벤트는 모두 데이터 영역 대기열로 푸시됩니다. 페이지에서 데이터 영역으로 푸시되는 이벤트의 순서를 조회하려면 웹브라우저에서 자바스크립트 콘솔을 열고 'dataLayer'를 입력하세요.

data layer screenshot from Google Chrome
팁: dataLayer.push()를 사용하여 여러 개의 변수를 함께 전송하면 버튼 클릭 시 전환 가치를 푸시하는 등의 이벤트를 구성할 수 있습니다(예: dataLayer.push({'event':'button1-click','conversionValue':25});). 그런 다음, 태그 관리자에서 데이터 영역 변수를 만들고 이 변수를 애드워즈 전환추적 태그의 전환 가치 필드에 사용할 수 있습니다.

YouTube 동영상(웹)

YouTube 동영상 트리거는 사이트에 삽입된 YouTube 동영상과 함께 다양한 상호작용을 기반으로 태그를 실행하는 데 사용할 수 있습니다.

각 상호작용 시 동영상 및 재생 상태에 대한 데이터가 데이터 영역으로 푸시됩니다. 이 동영상 데이터는 기본 제공 동영상 변수를 사용하여 캡처할 수 있습니다.

기본 캡처 옵션

  • 시작: 동영상 재생이 시작되면 실행됩니다.
  • 완료: 동영상 재생이 완료되면 실행됩니다.
  • 일시중지, 검색, 버퍼링: 동영상이 일시중지된 경우 재생바가 이동하여 동영상에서 타이밍을 검색 또는 조정하고, 동영상이 버퍼링 중인 경우 트리거가 실행됩니다.
  • 진행률: 동영상 진행률이 특정 지점에 도달했을 때 실행되며, 백분율 또는 초 단위 타임스탬프로 구성됩니다.
    • 백분율: 재생된 동영상의 백분율을 나타내는 값으로, 하나 이상의 정수를 쉼표로 구분된 목록의 형태로 입력합니다. 예를 들어 5, 20, 50, 80과 같이 입력할 경우 각 정수는 5%, 20%, 50%, 80%를 나타냅니다.
    • 기준 시간: 동영상이 재생된 시간(초)을 나타내는 값으로, 하나 이상의 정수를 쉼표로 구분된 목록의 형태로 입력합니다. 예를 들어 5, 15, 60, 120과 같이 입력할 경우 각 정수는 5초, 15초, 60초, 120초를 나타냅니다.
참고: 백분율 및 기준 시간은 처음 도달했을 때만 트리거를 실행합니다. 사용자가 동영상에서 특정 백분율 또는 기준 시간을 지난 시점을 검색하면 트리거가 실행되지 않습니다.

고급 옵션

  • 모든 동영상에 JavaScript API 지원 추가: YouTube iFrame Player API를 사용하려면 이 체크박스를 선택합니다. 이렇게 하면 enablejsapi 매개변수가 지정된 값이 1인 YouTube 동영상 플레이어 URL에 추가되어 iFrame 또는 자바스크립트를 통해 플레이어를 제어할 수 있습니다. 참고: 이 경우 Google 태그 관리자가 로드될 때 재생 중이었던 동영상은 새로고침됩니다.

참고: Google 태그 관리자가 로드될 때 다음 중 하나 이상이 있는 경우 페이지 로드 시점에 로드된 동영상과 페이지 로드 이후에 로드된 동영상 모두에서 YouTube 동영상 트리거가 실행됩니다.

  • 삽입된 YouTube 동영상
  • YouTube IFrame API <script>
  • 이 예에 나와 있는 YouTube iFrame API <script> 생성용 코드

정규 표현식 및 CSS 선택기 연산자 사용

트리거를 설정할 때 정규 표현식과 CSS 선택기를 연산자로 이용할 수 있습니다. 정규 표현식 또는 CSS 선택기를 트리거의 연산자로 설정할 때 적용 중인 규칙과 트리거를 일치시킬지, 일치시키지 않을지 지정할 수 있습니다. 예를 들어 아래의 URL 또는 URL 경로 변수에 적용되는 정규 표현식이 있다고 가정해 보겠습니다.

/pro/

이 정규 표현식은 'products', 'promotions', 'professionals', 'processes' 등 URL 경로에 'pro' 문자열이 들어간 모든 페이지와 일치하게 됩니다.

CSS 선택기는 특정 HTML 요소를 타겟팅하는 데 사용할 수 있습니다. 예를 들어 아래의 Click Element 변수에 적용되는 CSS 선택기가 있다고 가정해 보겠습니다.

#promo .purchase

이 선택기는 'promo' ID 속성 값이 포함된 상위 항목의 하위 요소인 'purchase' 클래스 속성 값이 있는 요소의 클릭과 일치하게 됩니다.

트리거에 필터 추가

트리거를 실행하는 기반이 되는 이벤트를 선택한 후에 추가로 Google 태그 관리자 변수의 값에 따라 트리거가 태그를 실행하는 조건을 지정할 수 있습니다. 기본 제공 이벤트는 Google 태그 관리자에서 자동으로 입력하는 1개 이상의 변수와 함께 제공됩니다(예: 페이지뷰의 경우 페이지 URL, 클릭 이벤트의 경우 클릭한 요소 ID). 사용자가 선택한 이벤트의 유형과 연결된 변수 또는 사용자가 만든 맞춤 변수를 이용해 트리거의 필터를 만듭니다.

맞춤 이벤트 기반 트리거의 예외가 있으면 트리거를 만들 때 1개 이상의 필터를 지정해야 합니다.

마지막으로, 트리거의 이름을 지정하고 선택한 트리거 유형에 따라 달라지는 추가 구성 옵션을 설정할 수 있습니다.

트리거 및 변수

태그에서 변수를 사용하는 경우 태그로 전달되는 값은 태그 실행을 트리거한 이벤트가 발생한 시점에 해당 변수가 보유한 값입니다.

아래에 나온 연속 데이터 영역 업데이트의 예를 참조하세요.

Screenshot of chrome devtools showing objects in data layer

productView 이벤트에 실행되는 트리거가 있는 태그는 두 번 실행됩니다. 이 태그에서 productId 데이터 영역 변수로 매핑된 변수가 사용되면 처음 태그가 실행될 때는 값이 'ABCD’가 되고 두 번째 실행될 때는 'EFGH’가 됩니다. loggedInUser에 매핑된 데이터 영역 변수가 사용되면 처음에 이 값이 'no'로 설정되고 두 번째 태그 실행에서 덮어쓰기가 되지 않으므로 두 태그 실행에 대한 값이 'no'가 됩니다.

‘addToCart’ 이벤트에 실행되는 트리거가 있는 태그는 productId의 경우 'XYZ' 값으로, loggedInUser의 경우 'yes' 값으로 실행되는데, 이는 loggedInUser 변수가 addToCart 이벤트보다 먼저 발생한 dataLayer 업데이트의 이전 값인 'no'로부터 수정되었기 때문입니다. loggedInUser 변수를 ‘yes’로 설정하는 데이터 영역 업데이트는 이 업데이트와 연결된 이벤트가 없으므로 태그를 실행하는 용도로 사용할 수 없습니다.

태그 일시중지

태그 일시중지를 활용하면 연관된 트리거를 차단하여 태그 실행을 일시적으로 중지할 수 있습니다. 이는 문제해결이나 한시적 캠페인의 경우 또는 컨테이너 구성에서 태그를 삭제하거나 트리거를 조정하지 않고 태그 실행을 보류하려는 경우에 유용할 수 있습니다.

변경사항을 적용하려면 일시중지 또는 일시중지 해제한 태그를 저장하고 게시해야 합니다.

태그를 일시중지하려면 다음 단계를 따르세요.

  1. 태그를 클릭하고 일시중지하려는 태그를 찾은 다음 목록에서 태그 이름을 클릭하여 엽니다.
  2. 추가 작업 메뉴(더보기)를 클릭하고 일시중지를 선택합니다.
  3. 변경사항을 저장하고 게시합니다.

태그가 일시중지되면 다음과 같은 일시중지 아이콘이 표시됩니다. yellow circular pause icon

태그 일시중지를 해제하려면 다음 단계를 따르세요.

  1. 태그를 클릭하고 일시중지하려는 태그를 찾은 다음 목록에서 태그 이름을 클릭하여 엽니다.
  2. 저장 아래에 위치한 일시중지 해제를 클릭합니다. 또는 추가 작업 메뉴(더보기)를 클릭하여 일시중지를 선택합니다.
  3. 변경사항을 저장하고 게시합니다.

권장사항

트리거를 부정확하게 설정하면 예상하지 못한 결과가 발생할 수 있습니다. 트리거를 설정할 때 다음 가이드라인을 꼭 참조하시기 바랍니다.

  1. 미리보기 모드를 이용해 트리거 테스트: 양식 및 링크 트리거는 사이트에 게시하기 전에 테스트하는 것이 중요합니다. 이러한 트리거는 다른 자바스크립트 이벤트에 의해 프로세스가 중단될 경우 손상될 수 있습니다. 가장 일반적인 원인은 양식 또는 링크 트리거에 도달하기 전에 다른 스크립트에서 false가 반환되면서 트리거의 실행이 차단되는 것입니다. 태그가 정상적으로 실행되고 있는지, 양식 제출이 정상적으로 전송되고 있는지 확인하려면 미리보기 모드를 이용하세요.

  2. 이전 버전의 웹브라우저에서 테스트: 이전 버전의 웹브라우저, 특히 Internet Explorer 8 이하에서는 태그 실행 시 문제가 발생할 수 있습니다. 최신 웹브라우저에서는 이러한 문제가 훨씬 덜 발생합니다. 이전 버전의 브라우저 지원이 필요한 제품이면 배포 전에 미리보기 모드를 이용해 전체 테스트를 실시하시기 바랍니다.

  3. 양식 및 링크 트리거의 범위를 테스트 대상 페이지로 제한: 사이트의 모든 페이지를 테스트하려면 많은 시간이 소요될 수 있으므로 양식 및 링크 트리거의 배포 방식을 결정할 때는 신중을 기해야 합니다. 이러한 트리거가 테스트 대상인 페이지에만 적용되게 하려면 지정된 조건(예: 페이지 경로 같음 /my/tested/form/page)을 충족할 때만 트리거가 실행되게 하는 필터를 사용하세요.

이 도움말이 도움이 되었나요?
어떻게 하면 개선할 수 있을까요?
false