Видимость элементов

Этот триггер используется, чтобы активировать теги, когда определенный элемент становится видимым в области просмотра. Элемент может стать видимым в результате таких действий, как загрузка или прокрутка страницы, переход на фоновую вкладку браузера, изменение позиции или видимости элемента через код и т. д.

Чтобы настроить триггер этого типа, выполните следующие действия:

  1. Нажмите Триггеры затем Создать.
  2. Нажмите Настройка триггера и выберите Видимость элемента.

Используйте меню Метод выбора, чтобы настроить выбор элементов с помощью атрибута ID или селектора CSS:

  • ID: выбирается один элемент в зависимости от значения атрибута ID.
  • Селектор CSS: выбирается один или несколько элементов в соответствии с выбранным шаблоном селектора CSS.

Затем определите правила срабатывания триггера:

  • Один раз на страницу. Триггер срабатывает на странице только один раз. Если на странице несколько элементов соответствуют атрибуту ID или селектору CSS, то триггер сработает только тогда, когда один из них впервые отобразится на странице. Если пользователь обновляет страницу или переходит на новую, триггер сбрасывается и может сработать повторно, если выбранный элемент снова появится.
  • Один раз на элемент. Триггер срабатывает для выбранного элемента на странице только один раз. Если на странице несколько элементов соответствуют селектору CSS, то триггер будет срабатывать, когда каждый из них впервые отображается на странице. Если у нескольких элементов на странице совпадает атрибут ID, триггер сработает только для первого подходящего элемента. Однако когда включена функция Регистрация изменений DOM в разделе Расширенные настройки, этот вариант может вызвать повторное срабатывание триггера, если первый подходящий элемент был удален функцией регистрации изменений DOM. Когда пользователь обновляет страницу или переходит на новую, триггер сбрасывается и может сработать повторно, если выбранный элемент снова появится.
  • При каждом появлении элемента на экране. Триггер будет срабатывать при каждом отображении подходящего элемента.

Дополнительные настройки

  • Минимальный процент видимости. Укажите, какой процент выбранного элемента должен показываться на экране для срабатывания триггера. По умолчанию элемент должен быть виден на 50 %.

  • Укажите минимальное время видимости. Установите этот флажок, чтобы указать, как долго выбранный элемент (минимальный процент элемента) должен быть виден на экране для срабатывания триггера. По умолчанию эта функция не включена и триггер срабатывает сразу же, как только выбранный элемент становится видимым.

    Примечание. Время периодов видимости на отдельной странице суммируется. Другими словами, если элемент был виден в течение 5000 мс, затем скрыт и после этого снова виден в течение 5000 мс, то общее время видимости этого элемента составит 10 000 мс. Если пользователь обновит страницу или перейдет на новую, триггер (и время видимости) сбросится.

  • Регистрация изменений DOM. Установите этот флажок, чтобы включить отслеживание соответствующих элементов, представленных в виде изменений DOM.

Если вы установите минимальное время видимости или настроите триггер для регистрации изменений DOM, Менеджер тегов Google должен будет проверять статус выбранных элементов. При соответствии нескольких элементов на странице эффективность сайта (после загрузки страницы) может снизиться. Чтобы этого избежать, убедитесь, что селектору CSS не соответствует слишком большое количество элементов, или настройте выбор по идентификатору.

Когда срабатывает триггер видимости элементов, автоматически подставляются значения следующих встроенных переменных:

  • Процент видимости. Числовое значение (0–100), которое показывает, какой процент выбранного элемента был виден при срабатывании триггера.

  • Время видимости. Числовое значение, которое показывает, как долго (в миллисекундах) выбранный элемент был виден при срабатывании триггера.

Была ли эта статья полезна?
Как можно улучшить эту статью?