Google tag manager не работает предварительный просмотр

Возможные причины проблем с event тегами: секреты работы Google Tag Manager

Вы используете Google Tag Manager (или просто GTM)? Если да, готовы ли вы к худшему, даже если надеетесь на лучшее? Что же делать, если Google Tag Manager не работает, как следует? Обязательно прочитайте данный материал до конца, чтобы убедиться, что вы готовы к возможным проблемам. Дальше будет намного больше возможностей для того, чтобы быстро предпринять необходимые действия для исправления ваших данных.

Если возникают критические ошибки с вашими данными – это сигнал для того, что вам понадобится несколько сетей безопасности. Несмотря на то, что вы можете воспользоваться всеми лучшими практиками, чтобы убедиться, что все идет хорошо с вашей стороны, есть большая вероятность, что иногда что-то все-таки сломается, будет изменено на месте или вы заметите ошибки в данных. В этой статье мы расскажем о нескольких лучших практиках, которые были обнаружены в свое время при использовании GTM. Они помогут быстро исправить в Гугл Тег Менеджер ошибки и вернуть данные в нужное русло. Не пропустите советы по улучшению выдачи Google Ads.

Как устранить неисправности сломанных тегов

Вы заметили, что один из ваших тегов перестал срабатывать. Критическое событие для Google Analytics больше не связано с поступлением данных. Важный маркетинговый пиксель больше не работает. Пиксель конверсии AdWords пропал. Что же делать в таком случае?

К счастью, с помощью Google Tag Manager (GTM) вы можете использовать их режим предварительного просмотра, чтобы точно видеть причину проблемы. Давайте рассмотрим пример ниже:

Ваш тег события не запускается. Что тут сказать – не густо!

Шаг 1: Запустите режим предварительного просмотра GTM.

Шаг 2: Зайдите на ваш сайт после включения режима предварительного просмотра.

Шаг 3: Найдите, какие теги не запускаются, и нажмите на них.

Шаг 4. Определите причину, по которой ваши теги не запускаются.

Аналогично нужно поступать и для отладки других тегов. Определите, когда это должно сработать, проверьте триггер, чтобы увидеть, что не работает, и действуйте до тех пор, пока проблема не решится. Таким образом, настройка Google Tag Manager должна проводиться регулярно и весьма тщательно.

Как вы можете избежать подобного

Лучший способ избежать подобных проблем — выполнить тщательный контроль качества перед публикацией каких-либо новых тегов, убедиться, что ваши триггеры основаны на наиболее надежных элементах, возможных для области, и выполнить развертку маршрутизации в настройках отслеживания, чтобы определить потенциальные причины для беспокойства. Все это нужно сделать перед нажатием кнопки «Опубликовать».

Как откатить вашу версию GTM

Теперь рассмотрим худший сценарий. Допустим, вы случайно опубликовали версию в GTM, которая работает некорректно или, что еще хуже, портит правильное отслеживание. Хотя вы можете подготовиться к тому, что этого никогда не произойдет, есть быстрое решение на случай, что это однажды станет реальностью. Уже только это является причиной для того, чтобы всегда проверять свое отслеживание до и после публикации вашего контейнера (для выявления и устранения проблем!)

Шаг 1. Нажмите «Версии» в GTM.

Шаг 2. Нажмите «Действия» для последнего правильного контейнера GTM.

Шаг 3. Нажмите «Опубликовать» в разделе «Действия».

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

Как вы можете избежать подобного

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

Источник

Панель предварительного просмотра тегов Google (GTM) не загружается

Мой коллега пытается просмотреть некоторые изменения, внесенные им в нашей учетной записи GTM, однако, несмотря на то, что в интерфейсе GTM учетная запись предварительного просмотра настроена как работающая, панель предварительного просмотра не загружается на веб-сайт. Мы стараемся каждый — разные браузеры, жесткое обновление, проверка всплывающих настроек и т. Д., Ничего не работает.

Кто-нибудь испытал одно и то же?

1 ответ

Отключить плагины браузера

Adblock и Ghostery (или другие плагины, предназначенные для блокирования контента) часто вызывают такую ​​проблему.

Включить файлы cookie

Для панели предварительного просмотра необходимы файлы cookie для работы. Он устанавливает куки-файл, который сообщает ему, что он появляется. Задайте настройки cookie браузеров, чтобы разрешить все файлы cookie.

Включить предварительный просмотр на компьютере вашего коллеги

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

Я предлагаю это, потому что у нас есть противоположный вопрос: Как скрыть панель предварительного просмотра Диспетчера тегов Google? . Это все проблемы, с которыми сталкиваются люди, пытаясь заставить панель предварительного просмотра уйти, когда они с ней сделают.

Источник

Новый режим предварительного просмотра в Google Tag Manager

Обзор нового режима предварительного просмотра, который на днях стал доступен для всех пользователей Google Tag Manager.

Симо Ахава (Simo Ahava), эксперт Google Developers по Google Analytics и Tag Manager, выпустил подробную статью о переработанным режиме отладки. Также он записал 20-минутное видео, в котором демонстрирует работу Preview Mode:

Мой материал частично основан на переводе его публикации и собственных комментариев по текущему обновлению.

Итак, новый режим предварительного просмотра теперь интегрирован в Google Tag Assistant (Tag Manager + Tag Assistant = ?). Google Tag Assistant — отдельное расширение для браузера Google Chrome, которое позволяет записывать последовательность действий (Google Tag Assistant Recording), выполняемых пользователями, поддерживает анализ тегов во многих продуктах Google (Ads, DoubleClick, Tag Manager и т.д.), а также помогает отслеживать правильность установки кода, находить и исправлять проблемы, которые могут привести к искажению данных в ресурсах и представлениях Google Analytics.

Теперь активация режима отладки происходит иначе — больше нет оранжевого прямоугольника вверху страницы и надписи:

Старый предварительный просмотр

Теперь нет нижней панели в окне браузера на каждой странице сайта:

Панель отладки внизу страницы

За режим отладки все также отвечает кнопка Предварительный просмотр в правом верхнем углу интерфейса Google Tag Manager:

Активация предварительного просмотра

После того, как вы нажмете ссылку предварительного просмотра, откроется новая вкладка браузера с новым интерфейсом Tag Assistant (BETA). Появится всплывающее окно, в котором вам нужно ввести URL-адрес, для которого Tag Assistant откроет режим отладки.

Start Tag Assistant

Если у вашего сайта нет проблем с параметрами URL, оставьте галочку Include debug signal in the URL. Она добавляет параметр gtm_debug=x в URL страницы, которая сигнализирует о том, что будет запущен режим предварительного просмотра. Такая настройка делает канал более надежным в большинстве современных браузеров.

Чтобы увидеть список доменов, которые вы запускали, перейдите по ссылке tagassistant.google.com

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

После того, как вы нажмете Start, Tag Assistant сначала попытается найти вкладку/окно, которое вы могли раньше открывать из Tag Assistant, и восстановит это подключение. Если такая вкладка/окно не найдено, открывается новое окно отладки с настроенным URL-адресом.

Открытие режима предварительного просмотра без расширения Google Tag Assistant

В нижнем углу страницы будет отображен новый значок предварительного просмотра и надпись Debugger connected в случае успешной активации режима отладки:

Если канал не найден, на значке предварительного просмотра будет отображаться ошибка No debugger found. Вы можете активировать новый предварительный просмотр Tag Assistant с помощью кнопки Open debugger:

No debugger found

Вкладка браузера Tag Assistant связана с одним окном отладки (страницей/сайтом). Изменять URL в таком окне нельзя.

Открытие режима предварительного просмотра с расширением Google Tag Assistant

Если у вас установлено расширение Tag Assistant, вы можете открыть несколько вкладок предварительного просмотра в браузере (а не в отдельных окнах, как это происходит без расширения!). Это позволяет пользователю манипулировать адресной строкой браузера и может облегчить отладку действий на основе реферера. Причем характерным отличием запуска режима отладки без расширения Google Tag Assistant и с ним будет заключаться в подсветке этих вкладок:

Несколько режимов отладки одновременно

В качестве эксперимента я запустил одновременно три режима отладки для трех разных сайтов. Как видно из скриншота выше, у каждого из них свой опознавательный значок (символ). Такими значками будут сопровождаться и страницы на шкале событий:

Уникальный значок для каждого окна/вкладки

Запуск во вкладке браузера также позволяет выполнять отладку для мобильных устройств, используя встроенный в браузер эмулятор:

Эмулятор мобильных устройств

Вместо старой панели режима отладки у нас есть новый интерфейс предварительного просмотра Tag Assistant:

Интерфейс нового режима предварительного просмотра

Разберем полностью всю навигацию консоли отладки.

1. Сводка, шкала временных событий

Как и раньше, в этом блоке отображаются все события в хронологическом порядке, которые зафиксировал Google Tag Manager. По умолчанию диспетчер тегов Google передает на уровень данных три события вне зависимости от того, настроили вы что-то еще или нет. Это gtm.js (Page View), gtm.dom (DOM Ready) и gtm.load (Window Loaded). Цифра рядом с каждым событием означает порядок активации. Подробнее об этом читайте в этом материале.

Главное отличие заключается в том, что теперь на шкале фиксируются события не только по одной странице, а по всем. Раньше шкала временных событий «обнулялась» после перезагрузки страницы или перехода с одного URL на другой. И для отслеживания необходимых событий приходилось использовать различные способы и расширения для браузера.

События по всем страницам

Теперь, даже если вы перезагрузите окно отладки или перейдете с одной страницы на другую, Tag Assistant покажет все взаимодействия, собранные со всех этих страниц. Это делает анализ истории уровня данных (dataLayer) намного проще, чем раньше.

2. Меню Tags, Variables, Data Layer, Errors

Навигация по тегам, переменным, уровню данных и ошибкам, которые Google Tag Manager фиксирует. Этот функционал остался без изменений с предыдущей версии.

Если наверху выбрана вкладка Tags (Теги), то мы можем увидеть какие теги были активированы по данному события, а какие нет.

• TagsFired – теги, которые были активированы (цифра 3);
• TagsNotFired – теги, которые не были активированы (цифра 4);

Если выбрана вкладка Variables (Переменные), то мы получим подробные сведения о переменных в выбранном событии в тот момент, когда оно произошло.

GTM будет передавать те значения переменных, которые были активированы в интерфейсе, даже если они не определены (undefined).

5. Идентификатор контейнера

Если ваш сайт работает с разными версиями Google Analytics (например, gtag.js и Web + App) вы можете выбрать различные контейнеры из раскрывающегося меню в заголовке.

Выбор контейнера из списка

В зависимости от API-интерфейсов, используемых библиотекой, вы можете увидеть разные конфигурации в самом интерфейсе предварительного просмотра. Например, для Global Site Tag, установленного напрямую, интерфейс Tag Assistant будет выглядеть иначе:

Global Site Tag

В Hit Details будут отображаться все вызовы серверов Google, которые были инициированы API Call. Вы можете увидеть список параметров и значений (в удобочитаемом формате), щелкнув одно из отправленных обращений (Hits Sent):

Tag Assistant использует несколько сигналов, чтобы определить когда включать окно отладки для предварительного просмотра:

— gtm_debug=x. Параметр в URL страницы (та самая галочка Include debug signal in the URL)

Параметр gtm_debug=x в URL страницы

— referrer https://tagassistant.google.com

Примечание: Симо рекомендует добавить tagassistant.google.com в список исключаемых источников перехода Google Analytics, чтобы режим предварительного просмотра не запускал новый сеанс.

Источник перехода tagassistant.google.com

— основной файл cookie ( __TAG_ASSISTANT) устанавливается в просматриваемом домене

Собственный файл cookie __TAG_ASSISTANT

Примечание: если у вас не работает режим отладки, попробуйте отключить сторонние расширения браузера, блокировщики рекламы и все программы, которые могут блокировать работу Tag Assistant.

Чтобы выйти из режима предварительного просмотра, просто кликните на крестик в левом верхнем углу:

Выход из режима отладки

Откроется всплывающее окно Stop Debugging, в котором вы можете выбрать, оставить ли домен включенным для отладки или нет. Если вы решите не оставлять, Tag Assistant сообщит сайту об удалении основного файла cookie __TAG_ASSISTANT и разорвет соединение до тех пор, пока через Tag Assistant не будет установлено новое. Если вы оставите домен включенным для отладки, то основной файл cookie не удалится. Пока вы не закроете окно отладки, вы всегда сможете восстановить режим предварительного просмотра.

Активные домены и нет

Несомненно, новый режим предварительного просмотра в Google Tag Manager получился очень интересным. Некоторые функции, как пишет Симо, пока находятся на этапе доработки. Но уже сейчас понятно, что Google в ближайшем будущем будет сосредоточен на унификации Tag Assistant и упрощении работы между разными продуктами, как это было в свое время с Global Site Tag.

Из преимуществ обновления я выделил для себя следующие:

• отдельное окно/вкладка браузера. Панель отладки внизу экрана браузера занимала много места, что затрудняло работу, особенно на небольших ноутбуках;
• на шкале фиксируются события не только по одной странице, а по всем. Теперь нет необходимости использовать различные расширения браузера или специальные коды для того, чтобы увидеть, что происходило в Google Tag Manager ранее;
• удобнее проводить отладку в браузере для мобильных устройств, используя эмулятор.

Источник