Как настроить цели Яндекс.Метрики на прокрутку до разных блоков на сайте Tilda

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

Почему важно отслеживать прокрутку?

Прокрутка страницы — это один из ключевых показателей вовлеченности пользователей. Знание того, до каких блоков прокручивают пользователи, поможет вам оценить, какие части контента наиболее интересны, где пользователи чаще всего «останавливаются», и на каком этапе они могут покидать страницу. Это особенно актуально для лендингов, длинных статей и одностраничных сайтов, где контент разделён на несколько важных блоков.

Шаг 1: Назначение уникальных ID блокам на Tilda

Для того чтобы отслеживать, до какого блока прокрутил пользователь, каждому блоку необходимо назначить уникальный идентификатор (ID). Сделать это можно следующим образом:

1. 1. Войдите в режим редактирования страницы на Tilda.

1. Выберите блок, до которого хотите отслеживать прокрутку.
2. Перейдите в Настройки блока.
3. Найдите поле ID блока и задайте уникальный идентификатор. Например:
   • Блок 1: scroll-target-1
   • Блок 2: scroll-target-2
   • Блок 3: scroll-target-3

Эти идентификаторы помогут вам определить, до какого именно блока пользователь дошёл.

Шаг 2: Добавление кода для отслеживания прокрутки

Теперь, когда у блоков есть уникальные ID, необходимо добавить специальный JavaScript-код на сайт. Этот код будет отслеживать, когда пользователь прокручивает страницу до заданных блоков, и передавать соответствующую информацию в Яндекс.Метрику.

1. Перейдите в Настройки сайта на Tilda.
2. В разделе Дополнительно найдите опцию Вставка кода перед закрывающим тегом </body>.
3. Вставьте следующий код:

<script>
document.addEventListener("DOMContentLoaded", function() {
    // Функция для наблюдения за прокруткой до блока
    function observeScroll(targetId, goalName) {
        var target = document.getElementById(targetId);
        if (target) {
            var observer = new IntersectionObserver(function(entries) {
                if(entries[0].isIntersecting === true) {
                    yaCounterXXXXXX.reachGoal(goalName);
                }
            }, { threshold: [0.5] }); // Цель сработает, когда 50% блока окажутся в зоне видимости
            observer.observe(target);
        }
    }

    // Настройка наблюдения за каждым блоком
    observeScroll('scroll-target-1', 'scroll_to_target_1');
    observeScroll('scroll-target-2', 'scroll_to_target_2');
    observeScroll('scroll-target-3', 'scroll_to_target_3');
});
</script>

Не забудьте заменить yaCounterXXXXXX на ваш номер счётчика Яндекс.Метрики. Этот код создаёт наблюдателей за каждым из трёх блоков и отслеживает момент, когда хотя бы 50% блока появляется в зоне видимости пользователя.

Шаг 3: Настройка целей в Яндекс.Метрике

Теперь вам нужно настроить цели в Яндекс.Метрике, чтобы она могла фиксировать события прокрутки до каждого блока.

1. Перейдите в ваш аккаунт Яндекс.Метрики и выберите нужный счётчик.
2. В меню выберите раздел Цели.
3. Нажмите кнопку Добавить цель.
4. Настройте цели для каждого из блоков:
   • Для первого блока:
     • Тип цели: JavaScript-событие.
     • Идентификатор цели: scroll_to_target_1.
   • Для второго блока:
     • Тип цели: JavaScript-событие.
     • Идентификатор цели: scroll_to_target_2.
   • Для третьего блока:
     • Тип цели: JavaScript-событие.
     • Идентификатор цели: scroll_to_target_3.

Таким образом, в Яндекс.Метрике будут созданы три отдельные цели, которые будут фиксировать прокрутку до каждого из заданных блоков.

Заключение

Отслеживание прокрутки до определённых блоков на сайте Tilda — это мощный инструмент для понимания поведения пользователей. Он позволяет получить точные данные о том, какие части контента привлекают внимание аудитории, а какие остаются без внимания. Настроив цели в Яндекс.Метрике с помощью уникальных идентификаторов блоков и JavaScript-кода, вы сможете улучшить анализ и сделать ваш сайт ещё более эффективным.

Следуйте данной инструкции, чтобы настроить точное отслеживание прокрутки до важных блоков на вашем сайте и улучшить взаимодействие с пользователями.