Сейчас в сети: 336
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Google Tag Manager - отправка формы

Бакалавр ✭ ✭

Всем привет.

 

Задача: отслеживание отправки формы "подписка на рассылку"

 

Данные: Форма установлена в нескольких местах, а именно:

              1. Страницы сайта (внизу)

              2. В блоге справа

              3. В блоге под постом

              4. Pop-up в блоге

 

Что сделано: Я настроил отправку формы по ID - mad_mimi_signup_form. GA фиксирует эту цель.

 

В чем проблема: Сейчас непонятно, с какой формы человек отправил заявку (1,2,3 или 4). 

                           К сожалению, у формы подписки ID - одинаковый (mad_mimi_signup_form).

                           

Как её решить?

Возможно ли какой-то параметр дополнительный ввести, который провелся бы при отправке формы?

У каждой формы есть свой номер https://madmimi.com/signups/subscribe/ЦИФРЫ. Возможно ли как-то это использовать при настройке целей?

 

С уважением, Алексей.

 


Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Veleor
сентября 2015

Re: Google Tag Manager - отправка формы

Профессор ✭ ✭

1. Код нужно добавить к форме, вы правильно поняли.
2. На отправку это никак не влияет.
3. Вам нужно создать макрос который будет распознавать значения в атрибутах, затем использовать этот макрос в создании тега отправки формы.

Примерные шаги:


Шаг 1: Создание макроса:

Название: from name
Тип макроса: Custom Javascript

Код:

function (){
var el = {{element}}, gtmDataEvent = el.getAttribute("form-name");
return gtmDataEvent;

Этот макрос отслеживает элемент в которое есть атрибут from-name и получает его значение.

 

Шаг 2: Тег отправки формы:

Теперь можно создать тег отправки форм:

Категория: Отправка формы

Событие: Форма подписки

Ярлык: {{from name}} — в это поле будут подставляться значения атрибут form-name.

 

Как то так.

---
Если ответ был вам полезен — нажмите на звездочку.

Просмотреть решение в исходном сообщении


Все ответы

Re: Google Tag Manager - отправка формы

Профессор ✭ ✭
Добрый день, Если у вас несколько форм — как вариант каждой форме добавить атрибут скажем name="" и из этого атрибута брать данные и передавать их в события.

Если у вас несколько кнопок, которые вызывают 1 форму, можно попробовать создать несколько последовательностей или кастомный отчет: по какой кнопке вызывается форма.
---
Если ответ был вам полезен — нажмите на звездочку.

Re: Google Tag Manager - отправка формы

Бакалавр ✭ ✭

Антон, добрый день.

У меня разные формы. Кнопок, которые вызывают форму, нет.

По поводу name="". Скорее это вариант мне и нужен.
Но я совсем "чайник", поэтому буду благодарен, если подскажите, как это реализовать.
У меня несколько вопросов:

1. Правильно ли я понимаю, что в этот код надо добавить name:

<form accept-charset="UTF-8" action="https://madmimi.com/signups/subscribe/цифра" id="mad_mimi_signup_form" method="post" target="_blank" name="blog-right">

2. Не повлияет ли этот параметр на отправку?
3. Правильно ли я понимаю, что при настройке триггеров мне нужно в "Условия активации" добавить параметр name?
4. Как я понял, параметра такого по умолчанию нет, и его надо создавать?
Как это сделать?


Лучший ответ.
Решение
Утвердил автор темы Veleor
сентября 2015

Re: Google Tag Manager - отправка формы

Профессор ✭ ✭

1. Код нужно добавить к форме, вы правильно поняли.
2. На отправку это никак не влияет.
3. Вам нужно создать макрос который будет распознавать значения в атрибутах, затем использовать этот макрос в создании тега отправки формы.

Примерные шаги:


Шаг 1: Создание макроса:

Название: from name
Тип макроса: Custom Javascript

Код:

function (){
var el = {{element}}, gtmDataEvent = el.getAttribute("form-name");
return gtmDataEvent;

Этот макрос отслеживает элемент в которое есть атрибут from-name и получает его значение.

 

Шаг 2: Тег отправки формы:

Теперь можно создать тег отправки форм:

Категория: Отправка формы

Событие: Форма подписки

Ярлык: {{from name}} — в это поле будут подставляться значения атрибут form-name.

 

Как то так.

---
Если ответ был вам полезен — нажмите на звездочку.

Re: Google Tag Manager - отправка формы

Бакалавр ✭ ✭

Столкнулся с ошибкой. Вот скрины того, что я сделал.

 

1 шаг - создал переменную

Переменная.jpg

 

2 шаг - создал триггер. По нему отправка фиксируется, когда

форма отправляется + включает в себя form-name.

 

Триггер на отправку.jpg

3. Создал Тег.

Тег.jpg

 

4. Хотел посмотреть в режиме отладки, все ли ок.

Вылезает такая ошибка:

Ошибка.jpg

 

Что я не так сделал?

Re: Google Tag Manager - отправка формы

Профессор ✭ ✭
Создайте еще одну переменную:

Название: element
Тип: Auto Event Variable
Variable Type: element
---
Если ответ был вам полезен — нажмите на звездочку.

Re: Google Tag Manager - отправка формы

Бакалавр ✭ ✭
Антон, спасибо огромное.

Сделал, как вы сказали. Теперь все работает!
Осталось цели в GA добавить)