Google 跟踪代码管理器问题类名以“-ok”结尾

Question

我正在使用 Google 跟踪代码管理器来跟踪我的搜索引擎中的一些点击。 我的搜索引擎显示书籍，包括封面、标题、作者等。 当一本书可用时，它会在价格 div (17,90) 下方显示一个复选标记和“Leverbaar”（有货）文本。

我有一个标签，跟踪类型：事件。 该标签具有以下触发器： 在特定页面触发，

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 跟踪代码管理器中激活预览模式以测试我的代码时。在作者、封面、价格和标题等 div 元素上一切正常。

唯一不能返回正确结果的对象是库存状态 div：.zoekresultaat-leverbaar-ok 和 .zoekresultaat-leverbaar-nok：

显然，跟踪代码管理器认为我点击的是封面图片，但我没有...

在 Chrome 中检查元素

.cb-col1、.cb-col2、.cb-col3 div 具有 CSS：display:inline-block。

Answer 1

显然，Google 跟踪代码管理器在类结尾处存在问题： '-好的'。

我正在测试它是否可能是类名中的“-”数量。 当我测试“cb-Titeldetails-leverbaar-o”时，当我单击 div 时，它被跟踪代码管理器识别。之后我尝试了“cb-Titeldetails-leverbaar-ok”，但失败了。

所以我的第三个测试是“cb-Titeldetails-leverbaar-oke”，这个测试也被跟踪代码管理器识别，所以我的结论是跟踪代码管理器存在以“-ok”结尾的类的问题。

我已将课程更改为 cb-Titeldetails-leverbaar-Y。