Чи не працює режим попереднього перегляду Диспетчера тегів Google? 12 швидких способів виправити.

1. # 1. ФРАГМЕНТ GTM НЕ ДОДАНИЙ НА САЙТ
2. # 2. НЕПРАВИЛЬНИЙ ФРАГМЕНТ КОНТЕЙНЕРА ДОДАНИЙ НА ВЕБ-САЙТ
3. # 3. ВИ ВКЛЮЧИЛИ РЕЖИМ ПОПЕРЕДНЬОГО ПЕРЕГЛЯДУ GTM І режим налагодження в неправильному контейнерів
4. # 4. ВАМ ПОТРІБНО ВИКОРИСТОВУВАТИ ТОЙ ЖЕ браузер
5. # 5. ПЕРЕВІРТЕ, ЧИ Ваш браузер ПРИЙМАЄ СТОРІН ФАЙЛИ COOKIE.
6. # 6. ВИКОРИСТАННЯ інжектор ДИСПЕТЧЕРА ТЕГІВ? НЕ ЗАЛИШАЙТЕ ПУСТЕ МІСЦЕ
7. # 7. ВИКОРИСТАННЯ інжектор МЕНЕДЖЕРА TAG? Перевірте ЙОГО НАЛАШТУВАННЯ
8. # 8. ВКЛЮЧЕНИЙ РЕЖИМ ПОПЕРЕДНЬОГО ПЕРЕГЛЯДУ та налагодження? Потім обновити САЙТ
9. # 9. РЕЖИМ ПОПЕРЕДНЬОГО ПЕРЕГЛЯДУ та налагодження ВСЕ БІЛИЙ?
10. # 10. ПАНЕЛЬ PREVIEW З`ЯВЛЯЄТЬСЯ ТІЛЬКИ ЧЕРЕЗ ~ 10 ХВИЛИН І БАГАТОРАЗОВО ОНОВЛЮЄТЬСЯ
11. # 11. НЕМОЖЛИВО ЗМІНИТИ РОЗМІР КОНСОЛІ PREVIEW І DEBUG?
12. # 12. ВАШ ADBLOCKER АБО ІНШЕ ПОДІБНЕ РОЗШИРЕННЯ - ЦЕ БЛОКИРОВКА GTM
13. РЕЖИМ ПОПЕРЕДНЬОГО ПЕРЕГЛЯДУ GTM НЕ ПРАЦЮЄ: ВИСНОВОК

Чи не працює режим попереднього перегляду Диспетчера тегів 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 знову не запрацювала.
PS: У консолі браузера не були зареєстровані помилки 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 ще не працює (навіть після прочитання цієї статті), напишіть коментар нижче, і я придумаю рішення вашої проблеми.

Якщо у вас є які-небудь питання з цих проблем, будь ласка, напишіть коментар нижче або надішліть мені або залишайте коментар нижче.