Google Tag Manager V2
В связи с обновлением аккаунтов Google Tag Manager до новой версии и возникновением многочисленных вопросов по работе с новым интерфейсом решила написать обзор, в котором кратко расскажу об основных изменениях в новой версии по сравнению со старой, а также приведу примеры решения наиболее распространенных задач в новой версии. Для начала рассмотрим, что же изменилось с переходом на вторую версию.
- Теперь GTM доступен на поддомене tagmanager.google.com
- Макросы заменены на переменные. Правила заменены на триггеры. Теги остались тегами.
- Больше нет необходимости добавления тегов прослушивания событий для отслеживания клика, отправки формы и т. д. Если нужно отследить клик, создаем тег отслеживания события и в качестве правила активации просто выбираем из предложенных вариантов триггер типа “Клик”.
- Отдельным блоком стали выделяться встроенные переменные. По умолчанию они отключены, поэтому перед использованием их необходимо активировать, установив соответствующие чекбоксы.
- Пользовательские переменные можно создавать как и раньше. Теперь они размещаются отдельно от встроенных.
- Изменились названия переменных. Например, эквивалентом макроса URL теперь является переменная Page URL, макросу Element ID соответствуют Click ID/FORM ID и т. д.
- Еще больше встроенных тегов.
- Настраивать теги стало еще проще, так как процесс настройки реализован пошагово.
- Триггеры, которые активируют теги, отличаются символом, что предоставляет возможность при одном взгляде на тег в списке понять, триггер какого типа его активирует.
- Новое API для управления аккаунтами, контейнерами, переменными, триггерами и тегами.
Сложностей при работе в новой версии тег менеджера не возникает, наоборот интерфейс стал проще и понятнее. Но все-таки некоторые отличия в настройке есть, поэтому рассмотрим несколько распространенных задач и их реализацию в новом интерфейсе Google Tag Manager.
Установка кода Google Analytics в GTM V2
1. Создаем новый тег. Мы можем это сделать либо со страницы “Обзор”,
либо перейдя на вкладку “Теги”.
При выборе продукта останавливаемся на “Google Analytics”.
2. Указываем тип тега (“Universal Analytics”, “Классический Google Analytics”) и идентификатор отслеживания ресурса в Google Analytics.
Не забываем активировать чекбокс “Включить функции для контекстной сети”, чтобы иметь возможность использовать ремаркетинг в Google Analytics, а также просматривать данные в демографических отчетах и отчетах по интересам.
3. Указываем правило активации тега.
Код аналитики должен активироваться на всех страницах сайта, поэтому выбираем соответствующее правило.
Созданный тег появится в списке тегов:
4. Публикуем новую версию контейнера.
Не забываем тестировать изменения перед публикацией с помощью инструмента предварительного просмотра и отладки (этот инструмент, кстати, тоже упрощен, в сравнении с прошлой версией).
Для этого нужно войти в режим предпросмотра и обновить страницу сайта. Появится окошко отладчика.
Если при проверке в отладчике вы убедились, что все работает правильно, можно смело публиковать новую версию контейнера.
5. Проверяем данные в Google Analytics, отчет “Режим реального времени”.
Тестирование в режиме предпросмотра, публикация тегов и проверка данных в представлении — это обязательные шаги, которые должны идти вслед за любыми изменениями в контейнере, поэтому дальше я эти пункты дублировать не буду.
Установка Яндекс Метрики, ремаркетинга FB, VK и других пользовательских тегов в GTM V2
1. Добавляем новый тег типа “Пользовательский тег HTML”.
2. Вставляем в поле код Яндекс Метрики (кода ремаркетинга FB или VK). Фрагменты JavaScript необходимо заключить в HTML-теги скрипта <script>…</script>
3. Задаем условия активации тега.
Отправка событий по таймеру в GTM V2
Для примера настроим событие, которое будет отправляться, если пользователь провел на странице не менее 60 секунд.
1. Добавляем триггер типа “Таймер”.
2. Задаем настройки таймера.
В поле “Интервал” указываем время, спустя которое должно активироваться событие. Время указывается в миллисекундах. В поле “Ограничение” указываем максимальное число активаций события.Для того, чтобы таймер срабатывал на всех страницах добавляем соответствующее регулярное выражение. На четвертом шаге выбираем все таймеры.
3. Добавляем новый тег типа “Google Analytics”.
Выбираем тип отслеживания — событие. Указываем обязательные параметры “Категория” и “Действие”. Обращаю внимание на опцию “Не взаимодействие” (ВАЖНО!).
Если вы хотите, чтобы отправка события влияла на ваш показатель отказов, то необходимо установить значение “false” для этого параметра. В противном случае – устанавливайте значение “true”. В качестве условия активации выбираем созданный на предыдущем шаге триггер “Таймер”.
Отслеживание кликов в GTM V2
1. Создаем новый триггер “Клик”.
При настройке триггера можно выбрать цель “Все элементы” либо “Только ссылки”. При выборе типа “Все элементы”, тег будет активироваться при клике на любой элемент, при выборе “Только ссылки” — только при клике на ссылку.
Если выбрать цель “Только ссылки”, то появятся дополнительные настройки: “Ждать теги”, “Проверка ошибок”. Такие опции появляются также при создании триггера “Форма”.
При активации опции “Ждать теги” происходит задержка открытия ссылок (отправки формы), пока не будут активированы все связанные с этим событием теги или пока не истечет указанное время ожидания (в зависимости от того, что произойдет раньше)
При активации опции “Проверка ошибок” тег не будет срабатывать, если для отслеживаемого элемента (ссылки/формы) не было выполнено действие по умолчанию (отправка формы/переход по ссылке).
2. Далее задаем условие активации триггера.
Выбираем “Некоторые клики”
и уточняем, по какому элементу хотим отслеживать клик , установив правило сопоставления с идентифицирующим этот элемент атрибутом (Click Classes, Click ID…). Значение атрибута можно получить, обратившись к исходному коду страницы сайта. Чтобы встроенная переменная Click Classes стала доступной, не забываем ее активировать на вкладке “Переменные”:
3. Далее создаем тег, который будет отправлять событие в аналитику. Создаем новый тег типа “Universal Analytics”. В качестве типа отслеживания выбираем “Событие”, указываем обязательные параметры “Категория”, “Действие”.
4. Добавляем условие активации — триггер, созданный на 3-м шаге.
В случае, когда необходимо настроить отслеживание клика по какому-либо элементу на веб-странице, а у этого элемента нет идентифицирующих его атрибутов, таких как, например, ID, class или URL, задачу отслеживания можно решить с помощью селекторов CSS.
Отслеживание отправки форм в GTM V2
Если возникает необходимость настроить отслеживание отправки формы, для начала нужно определить, каким способом передаются данные формы на сервер, так как в зависимости от этого настройки в GTM будут отличаться. Отправить данные с формы можно с помощью метода submit или же в фоновом режиме через ajax. В первом случае будет происходить перезагрузка страницы, во втором — нет.
Отслеживание форм, отправляющих данные посредством submit
Если данные отправляются через submit, то для отслеживания такого события можно привязаться к классу или идентификатору формы. Настройка осуществляется аналогично настройке отслеживания кликов.
1. Создаем новый триггер, в качестве типа события триггера выбираем “Отправка формы” вместо “Клик”.
Если активировать хотя бы одну из опций “Ждать теги”, “Проверка ошибок”, о которых я уже писала в пункте “Отслеживание кликов”, появится дополнительный шаг создания триггера “Условия включения”. Это не то же самое, что условие активации. Условие включения позволяет указать, в каких случаях триггер должен быть доступен, то есть при каких условиях должны прослушиваться отправки форм. Распространенным условием включения триггера типа “форма” является указание только тех страниц, на которых есть формы.
При установке опции “Ждать теги” обязательно тестируйте события. Если возникают проблемы, снимайте чекбокс. Правда в таком случае, есть вероятность, что часть обращений может быть потеряна. На четвертом шаге указываем условие активации. Привязываемся к атрибуту, идентифицирующему нужную нам форму (Form ID, Form Classes, …). Не забываем активировать необходимую встроенную переменную перед использованием.
2. Далее создаем тег, который будет отправлять событие в аналитику. В качестве условия активации выбираем триггер, созданный на предыдущем шаге.
Отслеживание форм, отправляющих данные посредством ajax
Если для отправки данных используется ajax, необходимо проделать следующие шаги:
- В одном из javascript-фалов найти функцию, отвечающую за отправку данных нужной формы через ajax. Выглядит это примерно так:
$.ajax ({ url :'/example.com/geinfo_function', type : 'post', data : {'exam1': value1}, success: function() {...} })
Параметр success отвечает за выполнение указанных действий в случае успешной отправки формы. Внутри function() { … } нужно прописать команду
dataLayer.push({'event': 'event_name'});
где event_name — имя соответствующего события.
- В GTM создаем пользовательское событие event_name.Добавляем новый триггер “Пользовательское событие”.
И в условии его активации указываем ивент, который отправили с помощью dataLayer.push().
- Далее создаем тег, который будет отправлять событие в аналитику. В качестве условия активации выбираем триггер, созданный на предыдущем шаге.
Если у вас возникает необходимость отслеживать взаимодействие с отдельными элементами форм, вы можете ознакомиться с подробным описанием методов в статье Отслеживание взаимодействия с элементами форм при помощи GTM.
Виртуальные страницы в GTM V2
1. Создаем новый тег типа “Google Analytics” с типом отслеживания “Просмотр страницы”. В дополнительных настройках добавляем новое поле, в нем ищем параметр “page”. Указываем URL виртуальной страницы, который хотим видеть в аналитике.
2. В качестве условия активации используем необходимый триггер. В этой статье я рассмотрела основные изменения в GTM 2.0., а также продемонстрировала основные принципы работы на примере некоторых типичных задач. Надеюсь, этот материал поможет постичь основы работы с новой версией тег менеджера. Если остались вопросы — оставляйте в комментариях, будем разбираться вместе! Если же вы уже продвинутый пользователь GTM и на этой странице ничего нового для себя не нашли, думаю, вам будет интересно ознакомиться с этой статьей. 🙂
Обновление от 5.10.16 Один из частых вопросов, который мне задавали — как отследить копирование на сайте. Ответ на этот вопрос я выделила в отдельный пост.
Новая статья, посвященная работе в Google Tag Manager, доступна по ссылке.
А можно получить расшифровку названий переменных?
К примеру Page URL — просмотр страницы
и т.д.
Юрий, добрый день.
Расшифровку переменных можно посмотреть тут: https://support.google.com/tagmanager/answer/7182738?hl=ru&ref_topic=7182737
Также в нашем блоге недавно вышла новая статья по работе с Google Tag Manager. Возможно, она также вам будет полезна.
https://odesseo.com.ua/chto-takoe-google-tag-manager-gtm-i-dlya-kakih-tselei-ego-mozhno-ispolzovat/
It is very nice to read your site, thank you very much for your work, it’s great!
Thanks!
Круто, давно искал
СПАСИБО
Добрый день! Подскажите, пожалуйста, как можно настроить срабатывание события один раз на пользователя или на сеанс? По умолчанию сейчас доступно только: один раз на событие, один раз на страницу и без ограничения. Спасибо.
Анастасия, очень вам благодарен. Перепробовал множество способов, вплоть до внедрения скриптов, но тут всё расписано чётко и без воды. Подписался.
Круто! Мне очень приятно=)
Анастасия, добрый день! Спасибо за статью.
Столкнулись с проблемой аномально низкого Bounce Rate (avg. ~ ниже 5% по всем каналам). С чем это может быть связано?
NoBounce настроен
https://prnt.sc/mb0nxd
https://prnt.sc/mb0oc2
Юлия, добрый день!
Возможно, низкий показатель отказов обусловлен отправкой событий практически сразу при загрузке страницы. Проверьте отчет по событиям, чтобы увидеть что может отправляться чаще всего и влиять на статистику.
Анастасия! Вы сделали мой день! Спасибо за полезную инфу по 2 версии этой гугловской ахинеи=)) Я сам сеошник с 10летнем стажем в ру сегменте, всегда работал с метрикой и яндекс сервисами, не мог понять почему показатель отказов сильно разнится с гугловскими (у гугла они всегда завышенные), сталкивался с такими приколами гугла когда 1 человека считало за 50% отказа, то есть ушел с другой страницы сайта на следующую, там завершил свое нахождение на сайте и гугл его посчитал за 50%. В общем много различных моментов которые иногда вводили в ступор, пришлось все изучить, чтобы понять разницу в расчетах=)
p.s. порой некоторые события после настройки триггеров начинали срабатывать только через сутки, некоторые сразу, в общем кругом одна фантастика или полтергейст=)
Супер) Рада, что помогла разобраться!
Анастасия, добрый день. Отличная статья, спасибо Вам за труды. Понравился функционал GTM, хочу использовать для Яндекс.Метрики. Счетчик установил (https://yadi.sk/i/FRudvZZd3aYYpk) все работает, но не могу настроить цели на формы (ajax).
Действую по схеме:
1) Создал цели в метрике на каждую форму — (https://yadi.sk/i/cQ51I1mw3aYZ4A)
2) Нашел id 1-й формы — (https://yadi.sk/i/WKyNg27Z3aYYrU);
3) Нашел в файле scripts.js функцию по отправке формы и дописал туда dataLayer.push — (https://yadi.sk/i/Msuxa-ul3aYYte);
4) Создал триггер — (https://yadi.sk/i/rhvWUUIu3aYYxG)
5) Создал тэг — (https://yadi.sk/i/O93i42GW3aYYzo)
Но не срабатывает. Подскажите, пожалуйста, что делаю не правильно?
Анастасия, здравствуйте. Хотел поинтересоваться насколько реально установить счётчик Яндекс.Метрики с помощью GTM не на все страницы, а только на определённые группы страниц? Триггеры активации с ограничениями по Page URL не срабатывают. Счётчик активируется ТОЛЬКО с «All Pages».
Анастастия, здравствуйте. Помогите пожалуйста. Мне нужно создать виртуальные страницы через GTM и мне непонятны два вопроса:
1. В графе page и title я указываю в произвольном формате http://joxi.ru/DmB0ERGUNZ8YaA
И после установления значение в gtm, я тот же произвольный url указываю и в составной цели Гугла аналитикс?
2. Какой триггер использовать в ГТМ, если мне нужно отслеживать, когда человек нажал на кнопку (форма открылась) и когда он отправил эту форму (нажали кнопку «отправить» в этой форме)?
Заранее спасибо)
Здравствуйте, Артур!
1. Да, все верно.
2. При клике на кнопку Вам нужно привязаться к атрибуту, идентифицирующему эту кнопку (например, к идентификатору или классу). В случае, когда у элемента, который надо отследить, нет идентифицирующих его атрибутов, задачу отслеживания можно решить с помощью селекторов CSS. Я эти настройки описывала тут https://odesseo.com.ua/selektory-v-google-tag-manager/ Возможно, Вам пригодится.
Что касается формы, то тут метод отслеживания будет зависеть от реализации формы. Виды форм рассмотрены в этом пункте статьи «Отслеживание отправки форм в GTM V2». Вам нужно определить, какой у Вас, и в зависимости от этого настроить триггер.
Надеюсь, помогла прояснить ситуацию. Если остались вопросы, пишите!
Анастасия, спасибо большое за ответ. Остались вопросы только по поводу того как различить кнопки, у нас на сайте у кнопок одинаковый class и всё остальное, отличаются кнопки только data-form http://joxi.ru/82QN74aU1vgdQA
Подскажите пожалуйста как в GTM прописать в триггере различие кнопок по этому признаку, Пробовал добавлять data-form через переменные Form Text или ClickElement, но не выходит. Возможно прописываю что-то не так, те же селекторы.
Вы можете определить данные кнопки, построив css-селектор, учитывающий родителей этого элемента, которые отличны между собой. Если Вам нужна помощь в составлении селектора, пришлите ссылку на сайт. Сейчас на скриншоте не видно все обрамляющие элемент теги.
Анастасия, спасибо большое. Я уже справился благодаря вашим наставлениям))
Добрый вечер Анастасия, последовл вашим инструкциям. Но после проверки в режиме теста — показывает что не видит созданные мною теги — https://prnt.sc/h4f6bi
Настраивал отслеживание форм на сайте!
сайт — http://av-k.com.ua/
Вопрос, в чем причина?
Как протестировать и выявить проблему?
Спасибо.
Олег, добрый вечер!
Каким именно инструкциям Вы следовали? Опишите по шагам процесс настройки, так мне легче будет разобраться, в чем может быть проблема.
Здравствуйте!
В GTM немного изменился интерфейс — при добавлени Universal Analytics теперь добавлено поле «Выбрать переменную натстроек» https://prnt.sc/h0y2h0
При нажатии появляется такая форма: https://prnt.sc/h0y3sr
Скажите пожалуйста, кроме Идентификатора нужно ли ещё что-то менять?
Добрый день!
Да, это новый тип переменной «Настройки Google Analytics». Помимо идентификатора отслеживания вы можете указать еще дополнительные настройки, если они вам нужны. В этой статье справки более подробная информация. https://support.google.com/tagmanager/answer/6107124?hl=en#override
Здравствуйте Анастасия. Прочел вашу статью достаточно информативно, но возникли проблемы, а именно: У меня на сайте в карточке товара есть кнопка купить в один клик вот ссылка https://instinto.ru/catalog/eroticheskoe_bele/obsessive_korset_intensa_/ в Google Analytics настроил на эту кнопку цель по типу виртуальной страницы, вот настройки в Аналитиксе http://prntscr.com/ejbmll вот сам код html который повесил на саму кнопку Купить в 1 клик ну цель никак не хотела работать, на форуме Google сказали что проблема может быть в том что, у меня к сайту подключен Gtm и что настройка цели должна быть настроена в GTM нашел через поиск вашу статью, но чуть запутался а именно не могу разобраться какие данные вписывать в поле значения page http://prntscr.com/ejbo5t также мне разработчики сказали что сама кнопка купить в один клик работает у меня через Аякс, как быть ? если я корректно настрою в Gtm будет ли все правильно отрабатывать иза АЯКСА?
Здравствуйте Анастасия .
Помогите пожалуйста разобраться
Я сделал отслеживание отправки формы всё как вы писали всё перепробовал я делал через первый способ так как не понимаю к чему относиться эта форма отправки или ajax или посредством submit.
Когда делаю предварительный просмотр тег менеджер и нажимаю отправка формы нечего не происходит.
Это сайт обслужуеться сервисом word press
А контактная форма используеться contact form 7
Вот скрин тега http://screenshot.ru/upload/image/zCns
и триггера http://screenshot.ru/upload/image/zCnw
http://screenshot.ru/upload/image/zCn4
Переменные у меня включенные все
Добрый день Анастасия, извините что не по теме…не подскажете как отслеживать через gtm просмотр видео пользователями на сайте?
все разобрался, все настроил — не знаю почему первый раз не сработало. Спасибо, Анастасия.
Добрый день! Отлично, что все получилось)
Анастасия день добрый!
Помогите пожалуйста разобраться. Есть посадка:
http:// ecourl.ru /y/ ekologicheskoe-licenzirovanie/licenzija-na-othody/
На ней несколько видов кнопок – при нажатии на которые пользователю предлагается заполнить и отправить форму.
Задача: при помощи GTM настроить отслеживание кликов по кнопкам и отправку форм (ajax
), причем каждой в отдельности (чтобы можно было отследить на какие кнопки пользователи кликают – но формы не отправляют). С кликами все понятно, а вот с формами возник вопрос: наш сайт выполнен с помощью WordPress Contact Form 7 соответственно вставить команду в javascript код возможности нет.
Как я понимаю нужно в WPCF7 прописать в поле дополнительных настроек код типа:
on_sent_ok: “ga(‘send’, ‘event’, ‘Consultation’, ‘Submit’) ; “
А какие дальнейшие действия?
Добрый день, есть форма отправки заявки. Создал тег: Отправка формы, нашел файл js отвечающий за отправку и валидацию, добавил
dataLayer.push({‘event’: ‘send-success’});, создал пользовательскую переменную send-success, указал ее в качестве триггера. Опубликовал все. События не проходят.
Тег отслеживания события, который должен активироваться по триггеру «Клик». Для этого создал отдельный триггер, в котором указал привязку к классу кнопки, нажатие на которую и нужно отследить. В принципе, всё по вашему примеру.
Покажите скриншоты настройки в GTM.
А где увидеть те события что передаются в GA при помощи GTM? И это не заменяет цели в GA?
Я тупанул, извините.
Увидеть можно в Поведение —> Событие.
И цели это не заменяет, а лишь помогает отследить нужное событие и передать в GA. Цель надо сонастроить — указать нужную категорию и действие созданные в GTM. В общем цель в GA надо настраивать.
Добрый день, Андрей!
Рада, что все получилось=)
Здравствуйте, Анастасия. Такой вопрос: создал триггер, как указано у вас в примере, создал тег, куда включил данный триггер в качестве условия активации, но в при предварительном просмотре тег не активируется на странице. Пишет «Tags Not Fired On This Event», с чем это может быть связано?
Добрый день, Евгений!
Какой именно тег Вы создаете?
Добрый день. Сайт сделан на wordpress. необходимо настроить цели на 2 формы отправки данных. Обе реализованы через contact form 7. сначало пробовал отслеживать кнопки «отправить» без google tag manager -не вышло. после по примеру настроил одну форму, вторую делал идентично, создавая свои тригеры и переменные и она не хочет работать. на что можно обратить внимание?
Добрый день, Андрей.
Расскажите подробнее, что Вы конкретно делали.
При попытае создать новый тег — в списке выбора продукта ничего не отображается! Кнопку ЕЩЕ — нажимал — не помогло…. только надпись: «Не видите нужный тег? «
Статья отличная! Спасибо
Спасибо!)
Добрый день, Анастасия!
Подскажите пожалуйста какой-нибудь гайд по настройке а/б тестов через тег менеджер
Добрый день, Анастасия!
Подскажите пожалуйста, есть ли оптимальное решение для следующей задачи:
на странице есть код тегменеджера
в контейнере есть два кода аналитики
на странице есть несколько форм, отправка которых ранее отслеживалась как просмотры виртуальных страниц(8 разных виртуальных адресов), в каждой из двух аналитик настроены 8 целей.
формы отправляются через ajax, успешная отправка формы сопровожтается пушем в даталеер следующего вида:
dataLayer.push({
‘event’:’VirtualPageview’,
‘virtualPageURL’:адрес виртуальной страницы’,
‘virtualPageTitle’ : ‘имя страницы’
});
внимание, вопрос: как настроить отправку виртуальных просмотров в обе аналитики? нужно ли создавать отдельные теги для каждой виртуальной страницы и для каждой аналитики? (16 тегов — слишком же). Или есть какой-то способ получше?
Разобрался сам:
— нужно было создать две пользовательские переменные virtualPageURL и virtualPageTitle
— создать триггер с фильтром по ивенту VirtualPageview
— создать два тега счетчиков с передачей параметров page и title со значениями из пользовательских переменных и настроить отображение тегов по триггеру.
Все 🙂
Анастасия, спасибо за статью.
Я тут столкнулся в вариантом формы, не описаным в статье и немного в замешательстве, как настроить отправку события через GTM. Форма выглядит вот так — http://dl1.joxi.net/drive/0013/3697/908913/160301/fa926c796f.jpg
Выделенное — это кнопка сабмита.
Я так понял, это параметры из HTML5, которые потом подхватываются jQuery и уходят в базу.
Есть ли какой-то вариант настроить нормальное отслеживание сабмита формы, не залезая при этом в скрипт?
После публикации тэгов в GTM данные (цели )в Google Analitics не появились. В Google Analitics отдельно что-то нужно настраивать?
Добрый день, Валерий.
Если Вы отправляете события с помощью GTM, то в интерфейсе Google Analytics Вам необходимо настроить цели на эти события.
Анастасия, большое спасибо за руководство! Получилось установить тег для отслеживания формы заявки на обратный звонок, но в самом Аналитиксе данных о отправке форм не появилось, в чем может быть проблема?
Добрый день, Татьяна! Спасибоза обратную связь=) Попробуйте воспользоваться инструментом предварительного просмотра чтобы посмотреть, корректно ли срабатывает тег. В аналитике проверить поступление данных можно в отчетах режима реального времени.
Можно ли в одном теге перечислить несколько идентификаторов отслеживания? Чтобы не плодить разные теги с одними и теми же условиями
Если бы написали такую же подробную статью, как настроить в GTM Enhanced Ecommerce. Цены бы вам небыло) Спасибо, очень полезный материал!
Анастасия, добрый день!
Чтобы было легче понять вопрос, записал его на короткое видео на котором создал триггер+тег по отслеживанию клика
https://yadi.sk/i/JVu0qJt6kWQrM Суть в том что создаю отслеживание кликов в GTM, но фактически они не отслеживаются. Уже неделю не могу найти ошибку.
Спасибо за помощь!
Илья, добрый день! Попробуйте снять чекбоксы «Ждать теги» и «Проверка ошибок».
Анастасия, здравствуйте.
Спасибо за статью.
У меня вопрос по отслеживанию формы посредством submit.
У меня ранее все прекрасно работало. Отслеживание через Form ID. Потом решил поменять сервис для рассылок, поэтому форму заменил.
Но id такой же оставил. Но теперь конверсии не фиксируются. Отладчик не показывает активацию триггера отправки формы.
Важный момент. У вас написано, что при отправки посредством submit страница перезагружается, но у меня она не перезагружается. Просто вместо формы описание появляется, что надо подтвердить подписку по почте.
Подскажите,пожалуйста, в какую сторону смотреть, чтобы проблему решить.
Добрый день Анастасия. Читал-читал, искал-искал, всё в пустую, может подскажите?
Вопрос 1:
Например на страничке есть форма с одним полем, хотелось бы знать сколько по времени заполняли эту форму.
И если возможно переслать её текст.
Вопрос 2:
Например на страничке есть форма с тремя полями, хотелось бы знать сколько по времени заполняли каждое из полей.
И если возможно переслать текст полей.
Анастасия, добрый день
Мне необходимо настроить событие на виртуальной странице (событие клик по завершению теста).
По указанной схеме я настроила просмотр виртуальной страницы: http://prntscr.com/8rjyd3
Вы не подскажите в поле page: мы указываем url виртуальной страницы?
Активировать тэг нужно на всех страницах или на станице перехода на виртуальную страницу?
После того как мы определили виртуальную страницу, тэг на прослушивание события настраивается по стандартной схеме?
Заранее спасибо
Добрый день, Ольга! Верно, url виртуальной страницы указывается в поле page. В качестве условия активации Вам нужно задать триггер на желаемое событие.
Анастасия, благодарю! Вариант вариант через Ajax получилось
Рада, что все вышло) И спасибо, что отписались)
Анастасия, к сожалению, тег не срабатывает все равно
Вот: http://prntscr.com/8m2j3q
Ник, попробуйте снять чекбокс «Ждать теги».
Добрый день, Анастасия. Настраивал ГТМ на отслеживание форм. Все сделал как в вашем мануале:
Триггер: Выбор события — Формы. Настройки триггера — поставил галочки. Условия включения — основной домен (так как одностраничный сайт). Условия активации — Все формы.
Тег: UA. Настройки тега #ID аналитикса, тип — событие. Условие активации — Формы(созданный триггер)
Тег не срабатывает. Не могу понять причину…
Добрый день, Ник. Покажите скриншот настроек триггера.
разобрался сам )) для Кликов выбираем ссылки при этом не отмечаем чек боксы «Ждать» «Проверка на ошибки» далее условия и активация.
Анастасия, вопрос остался открыт с кликом:
настройка тигера — только ссылки
выбираю чек боксы — Ждать теги и — Проверка ошибок
но у меня нет выбора “Некоторые клики” есть только «все клики»
проверил переменные там такого нет! В чем ошибка? Спасибо
да вы правы )))
Добрый день Анастасия, при создании тигера «форма»
в «Условия включения» в выпадающем меню нет определения по Id или класса
есть только:
— page url
— page hostname
— page path
— refferer
— even
——————————————————————————-
Нет возможности привязки к АЙ-ди или классу. Что использовать?
Тоже самое в «Условия активации» — те же поля.
Как использовать данные поля?
Я выбрал page url и указал my-cart.html — но при предварительном просмотре, этот тег отображается на всех страницах, хотя должен быть только в корзине.
Спасибо, жду ваши рекомендации.
Добрый день!
Полагаю, не активированы переменные. http://prntscr.com/8hnr4p
Вопрос по поводу отслеживания форм, отправляющих данные посредством ajax. Смущает эта фраза — «В одном из javascript-фалов найти функцию…». О каких файлах идет речь?
Обработка формы через ajax подразумевает наличие соответствующего кода javаscript, который может отображаться сразу в исходном коде или же подключаться через js-файл (файлы с расширением .js). В зависимости от сайта данные файлы могут по-разному называться.
Анастасия, здравствуйте!
Подскажите пожалуйста, я настроила отслеживание формы, установила проверку ошибок и в условии выбрала Page URL содержит formresult=addok , но эта ссылка появляется после перезагрузки страницы, т.е. сначала пользователь кликает на кнопку на форме, а потом загружается страница «Спасибо за заказ», в ссылке которой содержится «formresult=addok». Я так понимаю из-за этого мой триггер не срабатывает? Как тогда настроить отслеживание событий, т.к. без валидации будут учитываться все нажатия на кнопку?
Заранее спасибо.
Анастасия, добрый день! Сложно что-то конкретное посоветовать, так как я не видела сайт.
Вы можете отправлять событие заполнения формы, воспользовавшись daraLayer.push(). Для этого в коде вашего сайта нужно найти javascript-код, отвечающий за проверку полей формы на заполненность и в той части этого кода, которая отвечает за успешное заполнение всех полей, вставить команду dataLayer.push({‘event’: ‘event_name’}); где event_name — название события. Затем в GTM нужно использовать это событие в качестве триггера для отправки события в аналитику.
Задача: отслеживать 3 разные формы, для каждой формы отдельная цель в аналитиксе
сайт: dom.ekaville.ru
Есть 3 php обработчика
form.php
form1.php
form2.php
Для каждого из них есть ajax код который выполняет отправку и валидацию
В случае отправки формы должно выполнятся, одно из действий в зависимости от того какая форма отправлена и засчитываться соответствующая цель в аналитиксе
Вот действия которые прописаны у меня
dataLayer.push({‘event’: ‘consult-proekt’});
dataLayer.push({‘event’: ’60-proektov-i-consult’});
dataLayer.push({‘event’: ‘skachat-60-proekt’});
но у меня выполняется всегда одно и тоже действие вот это dataLayer.push({‘event’: ‘skachat-60-proekt’});
Помогите понять что неправильно
Пример аякса для одной из форм
function AjaxFormRequest(result_id,formMain1,url) {
jQuery.ajax({
url: url,
type: «POST»,
dataType: «html»,
data: jQuery(«#»+formMain1).serialize(),
success: function(response) {
dataLayer.push({‘event’: ’60-proektov-i-consult’});
document.getElementById(result_id).innerHTML = response;
Юрий, нашла, где у вас определены функции для обработки форм http://i.shotnes.com/bGb90nfJ Но проблема в том, что они одинаково названы — AjaxFormRequest. Если функции выполняют различные действия, то они должны по-разному называться, а Вы трижды переопределили одну и ту же функцию, поэтому вызывался последний ее вариант, и все время отправлялось «skachat-60-proekt».
Решение: переименуйте функции, к примеру так: AjaxFormRequest_1, AjaxFormRequest_2, AjaxFormRequest_3 и вызывайте их в соответствующих местах.
Подскажите, мне нужно запускать код ретаргетинга в тот момент, когда пользователь провел на определенной странице более 60 секунд. По условиям активации срабатывает любой триггер, поэтому использовать 60 секунд и определенный url вместе не получится. Добавляю сключение — триггер со всеми страницами, кроме необходимой страницы. Опять ничего не работает — в отладчике вижу что он не обращая внимание на блокирующий триггер. Как быть?
В итоге к триггеру таймера добавил просто страницу, на которой он должен включаться)
Здравствуйте. Вопрос по отслеживанию кликов. У меня не публикуется контейнер, ввиду того что тег менеджер не хочет публиковать id аналитикса. Подскажите, пожалуйста, как это можно исправить. Спасибо
Возможно, Вы указываете его с ошибкой. Идентификатор ресурса аналитикса (в таком виде: UA-ХХХХХХХХ-Х) можно скопировать с вкладочки «Настройки ресурса» админ. панели аналитикса, это позволит избежать ошибки.