Не работает режим предварительного просмотра Диспетчера тегов Google? 12 быстрых способов исправить.

Не работает режим предварительного просмотра Диспетчера тегов Google? Я почти уверен, что мы все были там хотя бы один раз. Эта проблема вызвала серьезную головную боль в самом начале, когда я начал ее использовать. Вам это знакомо? – Режим предварительного просмотра GTM и отладки включен, но не отображается на вашем веб-сайте (или отображается, но не работает должным образом).  Просто не выходите из игры и читайте следующие советы, как исправить режим просмотра и отладки Диспетчера тегов Google. Я уверен, что хотя бы один из них будет вам полезен.

# 1. ФРАГМЕНТ GTM НЕ ДОБАВЛЕН НА САЙТ

Пример: вы попросили разработчика следовать инструкциям Tag Manager и добавить фрагмент контейнера на сайт. Через некоторое время он выполняет задачу, но что-то здесь не так – консоль предварительного просмотра и отладки еще не появляется после ее включения. Оказывается, фрагмент никогда не публиковался в live версии вашего сайта – разработчик ошибся каким-то образом не смог опубликовать изменения.

Существует два способа проверить, реализуется ли реализация GTM-фрагмента:

• Используйте расширение Tag Assistant Chrome, которое проверяет пиксели Google на странице (например, Google Analytics, Adwords, Google Tag Manager) и обеспечивает обратную связь в режиме реального времени.
• Проверьте исходный код веб-сайта. Нажмите Ctrl + U (либо CMD + U для пользователей Mac) в вашем браузере и посмотрите там код контейнера GTM.

# 2. НЕПРАВИЛЬНЫЙ ФРАГМЕНТ КОНТЕЙНЕРА ДОБАВЛЕН НА ВЕБ-САЙТ

Хотя этот совет может показаться глупым, не стоит его игнорировать. Чтобы проверить, откройте свою учетную запись GTM и проверьте правый верхний угол экрана – проссмотрите идентификатор контейнера GTM? Сравните его с тем, который добавлен в исходный код вашего сайта.

Сравните его с тем, который добавлен в исходный код вашего сайта. Расширение для вашего браузера Tag Assistant поможет вам в этом.

# 3. ВЫ ВКЛЮЧИЛИ РЕЖИМ ПРЕДВАРИТЕЛЬНОГО ПРОСМОТРА GTM И РЕЖИМ ОТЛАДКИ В НЕПРАВИЛЬНОМ КОНТЕЙНЕРЕ

Чем больше у вас аккаунтов GTM и тегов, тем больше вероятность, что вы допустите эту ошибку. Поэтому не забудьте дважды проверить правильность контейнера. Вы можете следовать методу, описанному в подсказке №2.

# 4. ВАМ НУЖНО ИСПОЛЬЗОВАТЬ ТОТ ЖЕ БРАУЗЕР

Когда режим предварительного просмотра и отладки включен, GTM отправляет вашему браузеру специальный файл cookie, который позволяет просматривать теги, еще не опубликованныеми, без изменения вашего фактического сайта. Вы увидите свой сайт с изменениями, как если бы они были опубликованные. Именно поэтому в браузере должен быть открыт как интерфейс учетной записи Google Tag Manager (который устанавливает cookie), так и ваш сайт с включенным режимом отладки (который считывает данные cookie).

Вот несколько примеров, которые могут и не могут работать:

• Будет работать – Диспетчера тегов Google и ваш сайт открыты в обычной вкладке Chrome.
• Не будет работать – учетная запись GTM открыта на обычной вкладке Chrome, а ваш сайт открыт на вкладке инкогнито.
• Не будет работать – учетная запись GTM открыта в браузере Firefox, а ваш сайт открыт с помощью Chrome.

# 5. УБЕДИТЕСЬ, ЧТО ВАШ БРАУЗЕР ПРИНИМАЕТ СТОРОННИЕ ФАЙЛЫ COOKIE.

Некоторые пользователи обеспокоены их присутствием в Интернете и безопасностью, поэтому они решили отключить сторонние файлы cookie. В некоторых случаях настройки браузера по умолчанию могут отключать сторонние файлы cookie. Помните, что «специальный» cookie, упомянутый в подсказке №4, Да, это также сторонний cookie. Без него режим предварительного просмотра и отладки не будет отображаться на вашем сайте. У вас есть два варианта:

• Включите сторонние файлы cookie в настройках вашего браузера. В этой статье “Как включить куки” приведен список инструкций о том, как начать прием этих файлов cookie в разных браузерах.
• Храните файлы сторонних cookie отключенными, но добавьте исключение на www.googletagmanager.com.

# 6. ИСПОЛЬЗОВАНИЕ ИНЖЕКТОРА ДИСПЕТЧЕРА ТЕГОВ? НЕ ОСТАВЛЯЙТЕ ПУСТОЕ МЕСТО

Если вы раньше не использовали расширение Chrome Extender тегатора, вам обязательно нужно это расширение. Это делает переход к Диспетчеру тегов Google максимально быстрым и безболезненным. Расширение дает вам возможность запускать / просматривать контейнер GTM на вашем сайте без необходимости добавлять JavaScript на свои страницы . Вы просто открываете расширение и вставляете идентификатор контейнера GTM в предопределенное поле.

Однако есть одна ошибка. Вам нужно вставить этот идентификатор точно без пробелов до или после, иначе TagManajerInjector не будет работать => Консоль предварительного просмотра и отладки не будет отображаться в вашем браузере. Примеры:

• « GTM-XXXXX» неверен (поскольку перед идентификатором контейнера GTM есть пробел)
• «GTM-XXXXX » также неверен по той же причине – пустое пространство, но на этот раз это после идентификатора контейнера.
• «GTM-XXXXX» – единственный правильный вариант.

К сожалению, это расширение не удаляет ненужные пробелы в поле ID (ну, по крайней мере, на данный момент), поэтому вы должны помнить об этом.

# 7. ИСПОЛЬЗОВАНИЕ ИНЖЕКТОРА МЕНЕДЖЕРА TAG? ПРОВЕРЬТЕ ЕГО НАСТРОЙКИ

Еще одна замечательная особенность TagManagerInjector – это возможность внедрить фрагмент Менеджера тегов Google только на определенных веб-сайтах – просто используйте параметры включения и определите домен или регулярного выражения.

Однако есть место для ошибки. Оставьте этот параметр без присмотра, и вы можете заблокировать правильный сайт, показывая панель предварительного просмотра и отладки. Поэтому убедитесь, что вы добавили правильные правила или оставьте поле пустым (это значение по умолчанию для «Включить все сайты»).

# 8. ВКЛЮЧЕН РЕЖИМ ПРЕДВАРИТЕЛЬНОГО ПРОСМОТРА И ОТЛАДКИ? ЗАТЕМ ОБНОВИТЕ САЙТ

На самом деле не так много добавить. Когда вы включаете режим отладки, обновите сайт (Ctrl + F5 или F5), где вы ожидаете его появления. Это очень редкая, но все же возможная ошибка среди новичков.

# 9. РЕЖИМ ПРЕДВАРИТЕЛЬНОГО ПРОСМОТРА И ОТЛАДКИ ВСЕ БЕЛЫЙ?

Я сам не сталкивался с этой проблемой, но встречал вопросы в Интернете от пользователей GTM пытающихся справиться с этим. Мое предложение, что виной этому, естьбольшое количество расширений/плагинов установленных в браузере. Попробуйте отключить их один за другим и проверьте, помогло ли это (обновив сайт с помощью консоли предварительного просмотра и отладки).

Обновление: По-видимому, я не единственный, кто столкнулся с этой проблемой. В моем случае отключение плагинов в браузере помогло. Эта проблема также может быть вызвана конфликтом между CSS вашего сайта и GTM.

Когда GTM загружает панель предварительного просмотра и отладки на сайте, конфликты стиля могут возникать, если они используют одно и то же название. Другими словами, если определенные элементы на вашем веб-сайте используют один и тот же класс стиля (например, div class = “gtm-some-class”), тогда при отладке могут возникать проблемы.

Если это произойдет, лучше всего связаться с командой разработчиков через ссылку «Отправить отзыв» в пользовательском интерфейсе или опубликовать эту проблему на форумах продуктов.

# 10. ПАНЕЛЬ PREVIEW ПОЯВЛЯЕТСЯ ТОЛЬКО ЧЕРЕЗ ~ 10 МИНУТ И МНОГОКРАТНО ОБНОВЛЯЕТСЯ

Обновление № 2:  несколько человек в комментариях жаловались, что панель предварительного просмотра и отладки не появилась на сайте, хотя обновлены как контейнер, так и страница. Обычно для них потребовалось около 10 минут ожидания, пока панель отладки Диспетчера тегов Google снова не заработала.
P.S.: В консоли браузера не были зарегистрированы ошибки Javascript.

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

Обновление № 3: Брайан Кун объяснил, что вызвало эту проблему:
Chrome недавно изменил способ работы с API location.reload (). Это нарушило способность GTM очистить старый (без предварительного просмотра) gtm.js из кеша браузера. В результате вы не увидите предварительную версию gtm.js до истечения этого кешированного значения (~ 15 минут).

Не беспокойтесь, у меня есть удобный способ решения.

Следующее пошаговое руководство предназначено для пользователей Chrome. Если вы используете другой браузер – выполните поиск похожих функций. Я уверен, что другие браузеры предлагают аналогичную функциональность.

1. В Chrome откройте Инструменты для разработчиков нажмите F12 на Windows или  Cmd + Opt + I на Mac или просто перейдите в  меню Chrome > Дополнительные инструменты > Инструменты разработчика и панель появится.
   
2. Нажмите три точки, расположенные в правом углу (1), а затем выберите «Настройки» (2).
   
3. Найдите  раздел «Network» и установите флажок «Disable cache (while DevTools is open)».
   
4. Теперь обновите обе вкладки браузера – с помощью пользовательского интерфейса GTM и вашего сайта (оставьте инструменты разработчика открытыми).

В моем случае это помогло, и появилась панель отладки Диспетчера тегов Google. Теперь вы можете закрыть панель инструментов разработчика.

Если проблема возникает, просто откройте инструменты разработчика и обновите вкладку браузера. Это должно делать свое дело.

Помогло ли это? Дай мне знать в комментариях.

# 11. НЕВОЗМОЖНО ИЗМЕНИТЬ РАЗМЕР КОНСОЛИ PREVIEW И DEBUG?

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

# 12. ВАШ ADBLOCKER ИЛИ ДРУГОЕ ПОДОБНОЕ РАСШИРЕНИЕ – ЭТО БЛОКИРОВКА GTM

Назовите это особенностью или симптомом сегодняшнего поведения веб-браузера, но рекламные блоки и контентщики затрудняют жизнь веб-аналитикам.

Популярные расширения браузера, такие как Ghostery и AdBlock Plus, также могут блокировать Диспетчера тегов Google. Поэтому, если вы используете один из блокаторов, попробуйте отключить их и посмотрите, помогло ли это. Эта же проблема относится к расширениям, которые блокируют трекеры, например  Avira Browser Safety . Поэтому, если вы хотите увидеть панель отладки, вам необходимо отключить расширение.

Это происходит не слишком часто, но есть еще шанс.

РЕЖИМ ПРЕДВАРИТЕЛЬНОГО ПРОСМОТРА GTM НЕ РАБОТАЕТ: ВЫВОД

Режим предварительного просмотра тегов Google Tag позволяет вам просматривать сайт, на котором реализован код вашего контейнера, как если бы был развернут текущий контейнер. Сайты с включенным режимом предварительного просмотра будут отображать панель отладчика под содержимым веб-сайта, чтобы вы могли проверить, какие теги запущены и в каком порядке. Тщательный процесс предварительного просмотра и отладки поможет вам избежать риска компрометации вашего сайта с тегами.

Режим предварительного просмотра Диспетчера тегов Google не работает для вас? В этом посте я изложил 12 решений о том, как вы можете сразу начать работать с режимом предварительного просмотра и отладки – от проверки настроек cookie до использования Tag Assistant.

Если режим предварительного просмотра тегов Google еще не работает (даже после прочтения этой статьи), напишите комментарий ниже, и я придумаю решение вашей проблеме.

Если у вас есть какие-либо вопросы по этим проблемам, пожалуйста, напишите комментарий ниже или отправьте мне электронное письмо либо оставляйте комментарий ниже.