Отслеживание 404-страниц в Яндекс Метрике: полное руководство

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

В этой статье мы расскажем, как настроить отслеживание переходов на 404-страницы в Яндекс Метрике с помощью целей, фильтров и событий.

Шаг 1. Создание цели для 404-страницы

1.1. Откройте Яндекс Метрику и выберите нужный сайт.

1.2. Перейдите во вкладку «Цели» и нажмите кнопку «Создать цель».

1.3. Выберите тип цели «URL» и укажите условие, соответствующее URL вашей 404-страницы. Например, если ваша 404-страница имеет адрес https://example.com/404.html, то в поле «URL содержит» укажите /404.html.

1.4. Сохраните созданную цель.

Шаг 2. Настройка фильтра для отслеживания 404-страниц

2.1. Перейдите во вкладку «Отчеты» и выберите «Просмотры».

2.2. Нажмите кнопку «Добавить фильтр» и выберите «URL страницы».

2.3. Укажите условие для фильтрации, соответствующее URL вашей 404-страницы. Например, если ваша 404-страница имеет адрес https://example.com/404.html, то в поле «URL содержит» укажите /404.html.

2.4. Примените фильтр.

Шаг 3. Отслеживание 404-страниц без отдельной страницы

Если у вас нет отдельной страницы 404, вы можете настроить отслеживание переходов на страницы с классом error404 или по тегу <title> или <h1> с помощью событий Яндекс Метрики.

3.1. Добавьте код для отправки события в Яндекс Метрику при загрузке страницы с нужным классом или текстом в теге <title> или <h1>.

3.2. Создайте цель для отслеживания события 404-страницы.

Пример кода для отправки события при наличии класса error404:

<script type="text/javascript">
    window.onload = function() {
        var error404Element = document.querySelector('.error404');
        if (error404Element) {
            ym(XXXXXX,'reachGoal','404_error');
        }
    };
</script>

Пример кода для отправки события при наличии текста «404» в теге <title> или <h1>:

<script type="text/javascript">
    window.onload = function() {
        var title = document.querySelector('title').innerText;
        var h1 = document.querySelector('h1').innerText;
        if (title.includes('404') || h1.includes('404')) {
            ym(XXXXXX,'reachGoal','404_error');
        }
    };
</script>

Применяйте эти рекомендации, и ваш сайт станет еще более удобным и эффективным для пользователей.