Цель – собрать и отправить в аналитику/ретаргет всех посетителей кто нажал на кнопку твиттера. Задача, казалось бы, тривиальная, но есть проблема в том, как кнопка реализована:
<a class="a-class top-view" href="twitter.com">
<i class="i-class"> ... </i>
</a>
Визуально она выглядит так:
Т.е. сам переход сделан в
a, но иконка выведена отдельным тегом
i. У тега
a там margin/padding (желтые/зеленые зоны) в стиле, то бишь сама иконка не занимает все "пространство" тега
a. Сама кнопка работает без нареканий - нажатие проходит и по
a и по
i - тут все ок.
Соответственно есть два случая - когда юзер нажал на
i непосредственно и когда не попал/рука дёрнулась/тремор и нажал на область вокруг иконки, попав в
a и все равно корректно перешел.
Вопрос – как мне собрать и тех и других ОДНИМ триггером? Т.к. действие с тч. зрения конверсии одинаковое.
Я перечислю что уже попробовал и напишу почему не сработало, везде ниже "Триггер – Клик - все элементы – Некоторые клики" и далее параметры:
- Срабатывает только при нажатии на область тега а, нажатие на саму иконку не фиксирует.
- Срабатывает на иконку, НО класс иконок используется еще, например, в Shares в блоге на сайте, соответственно использовать отдельно некорректно - будет учитывать обе кнопки за одно действие. Аналогично с классом a.
- Сделал потом с селектором - срабатывает на иконку, но не срабатывает на a тег. Условия в триггерах работают И-И (... выполнение всех условий ...), соответственно добавить еще условие для a.a-class это не вариант.
В общем-то это можно решить сделав 2 триггера с селекторами контейнера и иконки и оба их повесить на тег, но если таких кнопок 5-6 + кнопки share которые реализованы так же + остальные кнопки у которых просто "a > span", то делать надо миллион триггеров - это жуть. По-моему должен быть более изящный вариант.
Простой
Простой
Простой
