Как создать триггер для кнопки в форме в диспетчере тегов Google?

#google-tag-manager #tracking #event-tracking

Вопрос:

У меня есть следующая кнопка, для которой я хочу создать триггер диспетчера тегов Google (но, похоже, я не могу этого сделать):

 <div class="class-a class-b">
  <form class="class-c" action="https://www.example.com/test" method="get" onclick="window.open(this.action); return false;"> 
    <button type="submit">Open now</button>
  </form>
</div>
 
  • Какой тип триггера я должен использовать (переменная автоматического события не
    работает)?
  • Как мне нужно настроить триггер для отслеживания нажатия кнопки?
  • Что мне нужно было бы сделать, чтобы также уловить значение действия (т. Е. URL https://www.example.com/test)? Понадобится ли мне Javascript для привязки к его отправке? Если да, то как?

Ответ №1:

  1. Вы хотите использовать Любой щелчок: Все элементы.
  2. В триггере вы включаете «Несколько кликов», Затем нажимаете элемент -> Соответствует селектору CSS ->> кнопка[тип=»отправить»] введите описание изображения здесь
  3. При желании вы можете добавить туда дополнительные условия.
  4. Используйте этот триггер в новом теге. Используйте Универсальную аналитику в качестве типа тега.
  5. Настройки тега: измените его с просмотра страницы на событие. Теперь у вас есть три поля для категории, Действия и метки вашего события.
  6. Затем вы хотите задать свое действие в качестве URL-адреса. Начните вводить {{ в этом поле и выберите переменную для заполнения, например: введите описание изображения здесь

Так и должно быть.

Обновление для устранения фактического заданного html:

введите описание изображения здесь

Поэтому просто верните это значение в свой CJS var:

{{Щелкните элемент}}.parentElement.getAttribute(«действие»);

Это должно работать для конкретной ситуации html, которую вы предоставили. Затем используйте этот CJS в своем теге, и вы должны быть хороши.

Комментарии:

1. Спасибо тебе, БНазарук! Все хорошо — за исключением переменной «URL страницы». Я пытаюсь получить внешний URL-адрес, на который указывает кнопка, а не URL-адрес, на котором я сейчас нахожусь (т. Е. example.com/test ). Как бы я это получил?

2. Фантастика — это действительно сработало! Спасибо, что уделили этому время..