Google 태그 관리자의 요소 가시성 트리거를 사용하면 선택한 하나의 요소가 웹브라우저의 표시 영역에서 볼 수 있게 표시되면 태그를 실행합니다. 요소가 표시되도록 만드는 이벤트에는 페이지 로드, 스크롤, 브라우저 탭 앞으로 이동, 요소의 위치 또는 가시성에 영향을 주는 프로그래밍 루틴이 포함됩니다.
요소 가시성 트리거를 구성하는 방법은 다음과 같습니다.
- 트리거 새로 만들기를 클릭합니다.
- 트리거 구성을 클릭하고 요소 가시성 트리거 유형을 선택합니다.
선택 방법 메뉴에서 요소를 선택할 때 사용할 기준으로 ID 속성 또는 CSS 선택 도구 중 하나를 선택합니다.
- ID: 요소의 ID 속성 값을 기준으로 단일 요소를 선택합니다.
- CSS 선택 도구: 지정된 CSS 선택 도구 패턴을 기준으로 하나 이상의 요소를 선택합니다.
또한 다음과 같은 옵션을 통해 트리거를 실행하는 빈도를 지정할 수 있습니다.
- 페이지당 한 번: 페이지당 한 번만 트리거가 실행됩니다. 지정된 페이지에서 ID나 CSS 선택 도구와 일치하는 요소가 여러 개인 경우 이 중 어느 한 요소가 페이지에 처음 표시되는 시점에만 트리거가 실행됩니다. 사용자가 페이지를 새로고침하거나 새 페이지로 이동하면 트리거가 재설정되고 선택한 요소의 가시성에 따라 트리거가 다시 실행될 수 있습니다.
- 요소당 한 번: 페이지별로 선택한 요소당 한 번만 트리거가 실행됩니다. 지정된 페이지에서 CSS 선택 도구와 일치하는 요소가 여러 개인 경우 각 요소가 처음 표시되는 시점에 트리거가 실행됩니다. 페이지에서 ID가 동일한 요소가 여러 개인 경우 첫 번째로 일치하는 요소가 있을 때 트리거가 실행됩니다. 단, 고급 설정에서 DOM 변경사항 추적 옵션이 사용 설정되어 있고 페이지에서 ID가 동일한 요소가 여러 개일 때 첫 번째로 일치하는 요소가 추적된 DOM 변경사항에 따라 삭제되는 경우 트리거가 다시 실행될 수 있습니다. 사용자가 페이지를 새로고침하거나 새 페이지로 이동하면 트리거가 재설정되고 선택한 요소의 가시성에 따라 트리거가 다시 실행될 수 있습니다.
- 요소가 화면에 표시될 때마다: 일치하는 요소가 프로그래매틱 방식 또는 사용자 상호작용을 통해 화면에 표시될 때마다 트리거가 실행됩니다.
고급 옵션
-
최소 표시 비율 기본적으로 이벤트를 트리거하려면 요소가 화면에 50% 이상 표시되어야 합니다. 여기서 트리거가 실행되기 전에 선택한 요소가 화면에 표시되어야 하는 다른 비율 값을 지정할 수 있습니다.
-
최소 화면 표시 시간 설정: 이 체크박스를 선택하면 트리거가 실행되기 전에 선택한 요소를 화면에 표시할 시간을 지정할 수 있습니다(지정된 최소 표시 비율 기준). 이 옵션은 기본적으로 비활성화되어 있으며 선택한 요소가 화면에 표시되면 즉시 트리거를 실행합니다.
참고: 선택한 요소의 화면 표시 시간은 각각의 페이지뷰에 대해 누적됩니다. 즉, 요소가 5,000밀리초 동안 표시되고 시야에서 사라졌다가 다시 5,000밀리초 동안 표시되면 총 화면 표시 시간은 10,000밀리초가 됩니다. 사용자가 페이지를 새로고침하거나 새로운 페이지로 이동하면 트리거와 화면 표시 시간은 재설정됩니다.
-
DOM 변경사항 추적: 이 체크박스를 선택하면 트리거가 DOM 변경사항을 적용할 때 표시되는 일치한 요소를 추적할 수 있습니다.
요소 가시성 트리거가 실행되면 아래의 변수가 자동으로 입력됩니다.
-
표시 비율: 트리거가 실행되었을 때 선택한 요소가 화면에 표시되는 비율을 나타내는 숫자 값(0~100)입니다.
-
화면 표시 시간: 트리거가 실행되었을 때 선택한 요소가 화면에 표시되는 시간(밀리초)입니다.