Как отслеживать кнопку в GTM, если у вас нет идентификатора клика или класса клика в качестве переменных?
Я понял часть, в которой я могу использовать элемент щелчка для отслеживания кнопки, но, но я думаю, это не так просто, как использование идентификатора клика или класса клика. Я попробовал добавить идентификатор клика, но, поскольку я не использую Elementor pro, у меня был свой ограничения. Есть ли способ обойти это, или если я могу использовать только элемент щелчка для отслеживания, может ли кто-нибудь мне помочь? это мой сайт Прикрепляю коды кнопок, которые хочу отслеживать[ введите сюда описание изображения ]( https://i.sstatic.net/Drgkh.png)
Я попытался добавить идентификатор клика к своим кнопкам, вставив приведенный ниже код в свою тему, но это не сработало, поскольку я не мог добавить атрибут к своим кнопкам, потому что я не использую Elementor Pro.
`/** Исправление кнопки для Диспетчера тегов (для срабатывания по идентификатору клика) **/
.elementor-button-content-wrapper{указатель-события: нет;}
.elementor-button span{pointer-events: none;}`
Я не знаю, какой элемент выбрать для отслеживания, но если вы просите меня отслеживать URL-адрес, я не хочу этого, поскольку на моем веб-сайте есть много других кнопок, которые ведут на тот же URL-адрес. Поправьте меня, если я ошибаюсь, мои навыки программирования очень минимальны. Если вы поможете мне выбрать уникальный элемент для отслеживания, это будет здорово. Спасибо, что ответили
У меня есть <i>(::before) и <span> внутри тега <a>, как мне это сделать? @darrelltw
Ответы 1
Из предоставленного вами комментария.
Я предложу такой путь:
Похоже, вы хотите отслеживать элемент <a>, только если он содержит определенный элемент, верно?
В этом случае.
- Настройте триггер для
Link Click - Проверьте, выбрали ли вы
Click Elementво встроенной переменной. - Настройте переменную типа
custom javascript, вставьте этот код и назовите ее свойством. Я бы назвалCJS - check element has fa-search.
function(){
var clickedElement = {{Click Element}};
// Let's say you want to check if <a> element contains i.fa-list-alt. You can change the selector to you want.
var childElement = clickedElement.querySelector('i.fa-list-alt');
if (childElement) {
return true;
} else {
return false;
}
}
- Создайте еще один триггер. Выберите
Link Clickдля другого условия: {{CJS - элемент проверки имеет fa-search}} равно true.
Вы можете подумать, хороша для вас эта идея или нет.
В данном случае, я думаю, вы хотите отслеживать элемент
<a>. Есть ли какие-то особые требования, чтобы не отслеживать его?