Как связать заголовок / заголовок документа с кнопкой аккордеона - PullRequest
Новая
       8

Как связать заголовок / заголовок документа с кнопкой аккордеона

0 голосов
/ 21 мая 2018

Обязательное «Я погуглил, но застрял».У меня есть несколько документов на странице со связными складными аккордеонами «Подробнее».Я хочу иметь возможность сообщать, когда люди нажимают, чтобы открыть один из этих аккордеонов, и как называется соответствующий документ.

Реализация отслеживания в GTM для отображения открытий на аккордеонах не является проблемой, но как связать имя документа (h4) с событием click?

Div, содержащий документ, заголовок документа и связанную с ним 'More Info': введите описание изображения здесь

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 Ответ

0 голосов
/ 26 мая 2018

Я думаю, что мне нужно было бы увидеть всю структуру сайта, чтобы быть уверенным, но для вашего примера я создал переменную JavaScript в GTM, которая возвращает соответствующий h4-текст при нажатии.

Этот код работал дляя: 

function(){
  var clickElement = jQuery({{Click Element}}).parent(".secondary-document-meta").parent("div").find("h4").text();
  return clickElement;
}
...