Как в Google Tag-manager настроить триггер нажатия на иконку/кнопку И контейнер в который она вложена?

1 ответ

Цель – собрать и отправить в аналитику/ретаргет всех посетителей кто нажал на кнопку твиттера. Задача, казалось бы, тривиальная, но есть проблема в том, как кнопка реализована:

&lt;a class="a-class top-view" href="twitter.com"&gt;    &lt;i class="i-class"&gt; ... &lt;/i&gt; &lt;/a&gt;

Визуально она выглядит так:

Т.е. сам переход сделан в a, но иконка выведена отдельным тегом i. У тега a там margin/padding (желтые/зеленые зоны) в стиле, то бишь сама иконка не занимает все "пространство" тега a. Сама кнопка работает без нареканий - нажатие проходит и по a и по i - тут все ок.
Соответственно есть два случая - когда юзер нажал на i непосредственно и когда не попал/рука дёрнулась/тремор и нажал на область вокруг иконки, попав в a и все равно корректно перешел.

Вопрос – как мне собрать и тех и других ОДНИМ триггером? Т.к. действие с тч. зрения конверсии одинаковое.

Я перечислю что уже попробовал и напишу почему не сработало, везде ниже "Триггер – Клик - все элементы – Некоторые клики" и далее параметры:

Срабатывает только при нажатии на область тега а, нажатие на саму иконку не фиксирует.
Срабатывает на иконку, НО класс иконок используется еще, например, в Shares в блоге на сайте, соответственно использовать отдельно некорректно - будет учитывать обе кнопки за одно действие. Аналогично с классом a.
Сделал потом с селектором - срабатывает на иконку, но не срабатывает на a тег. Условия в триггерах работают И-И (... выполнение всех условий ...), соответственно добавить еще условие для a.a-class это не вариант.

В общем-то это можно решить сделав 2 триггера с селекторами контейнера и иконки и оба их повесить на тег, но если таких кнопок 5-6 + кнопки share которые реализованы так же + остальные кнопки у которых просто "a > span", то делать надо миллион триггеров - это жуть. По-моему должен быть более изящный вариант.

Дополнительно:

Ответы:

А так пробывал:?)

А чего пробовать? Думал даже написать p.s. что задать ID объекту проблему не решит.
В данном случае click ID не отличается от click Class с селектором - оба случая указывают на точный объект. Мой вопрос можно ли в один тригер впихнуть 2 события, что бы не городить миллион тригеров на один тег? И если да, то как?
Alex Helvetios, а айди кнопки одинаковые поставить некак?

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Антон С. Ответ

Для настройки триггера нажатия на иконку или кнопку в Google Tag Manager, необходимо выполнить следующие шаги:

1. Зайдите в свой аккаунт Google Tag Manager и выберите соответствующий контейнер, в который вы хотите добавить триггер.

2. Перейдите в раздел "Триггеры" и нажмите на кнопку "Новый".

3. Выберите тип триггера "Нажатие на элемент" (Click - All Elements) и настройте его следующим образом:

{
  "Параметры": [
    {
      "Селектор элемента": "класс или id вашей кнопки или иконки",
      "Значение": "клик"
    }
  ],
  "Встроенные переменные": [],
  "Область видимости": "Все клики"
}

4. После этого нажмите на кнопку "Сохранить" и дайте триггеру название (например, "Нажатие на кнопку").

5. Теперь необходимо создать тег, который будет срабатывать при нажатии на вашу иконку или кнопку. Для этого перейдите в раздел "Теги" и нажмите на кнопку "Новый".

6. Выберите тип тега, который вам нужен (например, Google Analytics или Facebook Pixel) и настройте его как обычно.

7. В разделе "Триггеры" выберите ранее созданный триггер "Нажатие на кнопку" и нажмите на кнопку "Сохранить".

8. Наконец, опубликуйте изменения в контейнере, чтобы новый триггер и тег начали работать на вашем сайте.

Теперь при нажатии на вашу иконку или кнопку будет срабатывать соответствующий тег в Google Tag Manager.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий Отменить ответ

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ

Как в Google Tag-manager настроить триггер нажатия на иконку/кнопку И контейнер в который она вложена?

Дополнительно:

Ответы:

комментарий Отменить ответ

Вам также может быть интересно

Ежедневно, круглосуточно