Как связать заголовок / заголовок документа с кнопкой-гармошкой
Обязательно "Я погуглил, но застрял". У меня есть несколько документов на странице с соответствующими складными аккордеонами «Дополнительная информация». Я хочу иметь возможность сообщать, когда люди щелкают, чтобы открыть один из этих аккордеонов, и каково соответствующее имя документа.
Внедрение отслеживания в GTM для отображения открытий на аккордеонах не проблема, но как связать имя документа (h4) с событием щелчка?
Div, содержащий документ, заголовок документа и связанную с ним дополнительную информацию: введите описание изображения здесь
Div, в котором находятся заголовок документа и кнопка дополнительной информации:
<div class = "employee-comms-results-documents">
<div class = "row">
<div class = "col-md-9 col-sm-8 col-xs-12 no-padding-right no-padding-left">
<div>
<div class = "primary-document-meta"><div class = "doc-type-pill" id = "doc-type-pill-Flyers">Flyers
</div>
</div>
<h4>Helping you save for retirement</h4>
<div class = "secondary-document-meta"><a href = "#" class = "btn-moreinfo" data-reveal = "slide-54">More info <span class = "caret"></span></a>
</div>
</div>
</div>
Спасибо с нетерпением!
Ответы 1
Я думаю, мне нужно было бы увидеть всю структуру сайта, чтобы быть уверенным, но для вашего примера я создал переменную JavaScript в GTM, которая возвращает соответствующий h4-текст при нажатии.
Этот код сработал для меня:
function(){
var clickElement = jQuery({{Click Element}}).parent(".secondary-document-meta").parent("div").find("h4").text();
return clickElement;
}