Имя класса выдачи менеджера тегов Google оканчивается на '-ok' - PullRequest
Новая
       11

Имя класса выдачи менеджера тегов Google оканчивается на '-ok'

0 голосов
/ 27 августа 2018

Я использую Google Tag Manager, чтобы отслеживать некоторые клики в моей поисковой системе.Моя поисковая система показывает книги, с их обложкой, названием, автором и так далее.Когда книга доступна, она показывает галочку и текст «Leverbaar» (в наличии) под ценовым делом (17,90).

enter image description here У меня есть тег с дорожкойТип: Событие.Этот тег имеет следующие триггеры: Триггер на определенной странице, 

Trigger on all Elements, Some Clicks:
Click Element Matches CSS Selector :
.zoekresultaat-cover, .zoekresultaat-titel, .zoekresultaat-auteur, .zoekresultaat-ondertitel, .zoekresultaat-leverbaar-ok, .zoekresultaat-leverbaar-nok

HTML 

<div class="cb-Artikel-row cb-meerdere-Titels">
    <div class="cb-col1">
        <figure class="artikel-cover">
            <div class="cb-Titeldetails">
                <img src="https://cbonline.boekhuis.nl/thumbnails/2552/9789463332552_covrtn.jpg" class="cb-Titeldetails zoekresultaat-cover">
            </div>
        </figure>
    </div>

    <div class="cb-col2">
        <div class="zoekresultaat-auteur"></div>
        <div class="zoekresultaat-titel">Hallo! Kraambezoek</div>
        <div class="zoekresultaat-reeks">Hello Baby</div>
        <div class="cb-Titeldetails-artikelgegevens">
            <div class="zoekresultaat-bindwijze">Hardcover</div>
        </div>
        <div class="cb-Titeldetails-titelgegevens">
            <span class="taal zoekresultaat-taal">Nederlands</span>
            <span class="verdeler">|</span>
            <span class="verschijningsdatum zoekresultaat-verschijningsdatum">2018</span>
            <span class="verdeler">|</span>
            <span class="ISBN zoekresultaat-isbn">9789463332552</span>
        </div>
    </div>

    <div class="cb-col3">
        <div class="cb-col3-Wrapper">
            <div class="cb-Prijs-En-Leverbaarheid">
                <div class="cb-Titeldetails-prijs zoekresultaat-prijs">13,95</div>
                <div class="cb-Titeldetails-boeksoort zoekresultaat-boeksoort"> (Algemeen)</div>
                <div class="cb-BeschikbaarheidMelding">
                <div class="cb-Titeldetails-leverbaar-ok zoekresultaat-leverbaar-ok">Leverbaar</div>
                <div><span style="color:black" class="CBIcon-CBO-095-pijltje_verder" aria-hidden="true"></span></div>
                <div class="cb-Titeldetails-assortiment zoekresultaat-assortimenttype">CB-assortiment</div>
                </div>
            </div>
        </div>
    </div>
</div>

Метка события - это пользовательская переменная Javascript со следующим кодом: 

function(){
 // zoekresultaat
 //// cover  <-- click on cover.
 if({{Click Classes}}.indexOf('zoekresultaat-cover') >= 0){
   var ISBN = {{Click ID}};
   ISBN = ISBN.replace('titel_img_','');
   return 'cover || ISBN:' + ISBN;
 }
 // all other click classes.indexOf which are working well..
 }
 // price
 if({{Click Classes}}.indexOf('zoekresultaat-prijs') >= 0){
   var ISBN = $({{Click Element}}).parent().parent().parent().parent().find('.zoekresultaat-isbn').text();
   return 'prijs || ISBN:' + ISBN; ;
 }
 // In stock  <-- Click on in stock: available
 if({{Click Element}}.indexOf('zoekresultaat-leverbaar-ok') >= 0){
   var ISBN = $({{Click Element}}).parent().parent().parent().parent().find('.zoekresultaat-isbn').text();
   return 'Leverstatus: Leverbaar || ISBN:' + ISBN; 
 }
 // Not in stock <-- Click on in stock: not available
 if({{Click Classes}}.indexOf('zoekresultaat-leverbaar-nok') >= 0){
   var ISBN = $({{Click Element}}).parent().parent().parent().parent().find('.zoekresultaat-isbn').text();
   return 'Leverstatus: Niet leverbaar || ISBN:' + ISBN; 
 }

 // other elements
 else{
   return 'Onbekend'; // unknown element has been clicked.
 }
}

Когда я активирую режим предварительного просмотра в Google Tag Manager, чтобы проверить мой тег.Все отлично работает с такими элементами div, как author, cover, price и title.

Единственные объекты, которые не дают правильных результатов, - это div состояния запасов: .zoekresultaat-рычаг-ок и ок .zoekresultaat-рычаг-nok:

Диспетчер тегов считает, что я нажимаю на обложку img, но я не ... enter image description here enter image description here

Проверка элементов в Chrome enter image description here enter image description here

.cb-col1, .cb-col2,.cb-col3 div имеет CSS: display: inline-block.

1 Ответ

0 голосов
/ 27 августа 2018

Очевидно, у Google Tag Manager есть проблемы с классами, оканчивающимися на: '-ok'.

Я проверял, может ли это быть значение '-' внутри имени класса.Когда я тестировал 'cb-Titeldetails-рычаг-бар-о', он был распознан Менеджером тегов, когда я нажал на div.После этого я попробовал «cb-Titeldetails-рычаг-ок», и он не прошел.

Итак, мой третий тест был «cb-Titeldetails-рычаг-окей», этот также был распознан менеджером тегов, поэтомуя пришел к выводу, что у диспетчера тегов есть проблемы с классами, оканчивающимися на '-ok'.

Я изменил класс на cb-Titeldetails-рычагбаар-Y.

...