8 (495) 215-53-73

В Москве

(048) 737-5-736

В Одессе

Заказать SEO-услуги
Согласен с правилами обработки персональных данных

Главная страница Блог Внутренняя оптимизация сайта Настройка отслеживания 404 ошибок с помощью Google Tag Manager


Блог SiteClinic

Настройка отслеживания 404 ошибок с помощью Google Tag Manager

Для кого: SEO-специалисты

Уровень подготовки: начальный

В этой статье мы рассмотрим, как с помощью GTM легко настроить отслеживание переходов на несуществующие страницы вашего сайта.

Прежде чем приступить к настройке отслеживания 404 ошибок, убедитесь в том, что на сайте корректно установлен контейнер GTM и что через него встроен Google Analytics. О том, как правильно установить Google Tag Manager, мы писали в статье «Руководство по установке и настройке Google Tag Manager для новичков».

Шаг 1. Создайте переменную

Для этого выполните следующие действия:

А. На панели навигации слева перейдите по ссылке «Переменные».
Б. В разделе «Пользовательские переменные» нажмите на кнопку «Создать».
В. Придумайте название для переменной.

Мы назвали Http Request. Если вы назовете подругому, измените название и в коде следующей переменной. 

Г. Выберите тип переменной — «Собственный код JavaScript»

Д.  Вставьте следующий JavaScript код:

function getReq(){
 	var req = false;
	if (window.XMLHttpRequest) {
		try {
			req = new XMLHttpRequest();
		} catch (e) {
			req = false;
	 	}
	} else if (window.ActiveXObject){
	  	try {
			req = new ActiveXObject('Microsoft.XMLHTTP');
		} catch (e) {
			req = false;
		}
	}
	if (!req){}
	return req;
}

4046

Шаг 2. Создайте еще одну переменную

Вторая переменная будет обращаться к первой и отдавать код ответа сервера

Для этого выполните те же действия, что и при создании первой переменной, только придумайте другое название (Мы назвали «Код ответа сервера») и вставьте следующий JavaScript код:

function() {
	var req = {{Http Request}};

	try {
		req.open('GET', '{{Page URL}}', false);
		req.send('');
	} catch (e) {
		success = false;
		error_msg = "Error: " + e;
	}

	return req.status;
}

4047

Шаг 3. Создайте триггер с такими параметрами:

Тип триггера: «Просмотр страницы»
Условия активации: «Некоторые просмотры страниц»
Условие, при котором должен активироваться триггер: код ответа сервера содержит 404

 

4041

Шаг 4. Создайте тег с такими параметрами:

Тип тега: «Universal Analytics»
Тип отслеживания: Событие
Категория: мы назвали «error404»
Действие: выберите значение {{Page URL}}, чтобы увидеть, на какой странице сработало событие

Триггер активации: триггер, созданный на предыдущем шаге

4042

Шаг 5. Проверьте и опубликуйте тег

В режиме предварительного просмотра перейдите на несуществующую страницу вашего сайта. Если после нажатия на кнопку контейнер в консоли отобразился под строкой «Tags Fired On This Page», значит, тег установлен без ошибок.

4043

После того как вы убедитесь в правильной настройке тега, настройте отслеживание цели в Google Analytics.

Для этого создайте и настройте новую цель в Google Analytics. Информацию, которые вы указали при настройке тега в GTM, продублируйте при настройке цели в Google Analytics.

4044

Шаг 6. Проверьте, всё ли вы сделали правильно

Достижением цели станет переход на несуществующую страницу вашего сайта. Перейдите по ней и посмотрите событие в Google Analytics. Для этого перейдите в «Отчёты» — «В режиме реального времени» — «События».

4045

Таким образом, мы настроили отслеживание 404 ошибок без вмешательства в исходный код страниц.

 

Еще статьи по теме:
Отслеживание отправки форм на сайте с помощью GTM
Отслеживание кликов в Google Analytics с помощью Google Tag Manager
Настройка отслеживания e-commerce с помощью Google Tag Manager

Оцените статью: 
1 Star2 Stars3 Stars4 Stars5 Stars (9 оценок, среднее: 5,00 из 5)

Автор: Наталия Бондаренко, SEO-оптимизатор

n.bondarenko@siteclinic.ru

Подписаться
Наверх
  • Вячеслав Имамбаев

    а как добавить переменную «код ответа сервера»?

    • Наталия Бондаренко

      Добрый день, Вячеслав!
      Внесли изменения в начало статьи. Смотрите информацию в блоках Шаг1 и Шаг 2

      • Вячеслав Имамбаев

        Оперативно! Добавил статью в закладки)))

  • Just_User

    Единственный нюанс. Не указано что сам GTM обязательно должен на 404 странице быть установленным. В остальном спасибо)

  • Oleg Fesenko

    Не пойму, откуда у вас переменная «код ответа сервера»?

    • Наталия Бондаренко

      Добрый день, Олег!
      Внесли изменения в начало статьи. Смотрите информацию в блоках Шаг1 и Шаг 2

  • Иван

    Здравствуйте.
    Вопрос по Шагу 1: у меня нет такого поля «Код ответа сервера». Подскажите, пожалуйста, как его настроить?

    • Наталия Бондаренко

      Здравствуйте!
      Внесли изменения в начало статьи. Смотрите информацию в блоках Шаг1 и Шаг 2

  • Дмитрий

    Добрый день, когда приступаю к предварительному просмотру, GTM ругается https://joxi.ru/brRLgYwSJNB1v2.

    • Наталия Бондаренко

      Добрый день, Дмитрий!
      Попробуйте перед размещением сохранить код в файл txt

  • Михаил Сафин

    Вот что пишет GTM

    В рабочей области обнаружены следующие ошибки:
    Тип Расположение Описание
    Ошибка компилятора JavaScript Http Request
    Ошибка в строке 22, символ 25. Parse error. Character ‘‘’ (U+2018) is not a valid identifier start char
    Ошибка компилятора JavaScript Код ответа сервера
    Ошибка в строке 8, символ 10. Parse error. Character ‘‘’ (U+2018) is not a valid identifier start char

    • Наталия Бондаренко

      Добрый день, Михаил!
      Пришлите, пожалуйста, скрин добавленной переменной

      • Наталия Бондаренко

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

  • Сергей

    У меня тоже ошибки выдает при предварительном просмотре — https://joxi.ru/krDD5R0uEoLOjr
    Что не так?

    • Наталия Бондаренко

      Добрый день, Сергей!
      Пришлите, пожалуйста, скрин добавленной переменной

    • Наталия Бондаренко

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

  • Наталия Бондаренко

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

  • Сергей

    На шаге 4, у вас заполнено поле «Идентификатор отслеживания «. Его брать из Гугл Аналитикс? Или можно выбрать {{Настройки Google Analytics}}? Так правильно?
    Я все настроил, тег проверил, все ок. Настроил цель в Аналитикс, но почему-то событие не показывает((
    Наверное все-таки что-то у меня с отслеживанием не то.