javascript - Google 跟踪代码管理器问题类名以“-ok”结尾
问题描述
我正在使用 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.
}
}
当我在谷歌标签管理器中激活预览模式来测试我的标签时。在作者、封面、价格和标题等 div 元素上一切正常。
唯一没有返回正确结果的对象是库存状态 div: .zoekresultaat-leverbaar-ok 和 .zoekresultaat-leverbaar-nok :
.cb-col1、.cb-col2、.cb-col3 div 具有 CSS:display:inline-block。
解决方案
显然,Google 跟踪代码管理器在以“-ok”结尾的类有问题。
我正在测试它是否可能是类名中“-”的数量。当我测试“cb-Titeldetails-leverbaar-o”时,当我单击 div 时,它被跟踪代码管理器识别。之后,我尝试了“cb-Titeldetails-leverbaar-ok”,但失败了。
所以我的第三个测试是“cb-Titeldetails-leverbaar-oke”,这个测试也被跟踪代码管理器识别,所以我的结论是跟踪代码管理器存在以“-ok”结尾的类的问题。
我已将课程更改为 cb-Titeldetails-leverbaar-Y。
推荐阅读
- swift - 你可以在没有 segue 的情况下更改视图控制器吗?
- ios - 如何在单个tableview中传递多个数据
- laravel - Laravel 在控制器中从另一个类重定向
- angular - 单击时禁用按钮以角度传递 id
- java - 使用 JUnit 测试 println 输出
- reactjs - 设置已创建但未安装的 React 组件的状态
- java - 将 ImageWriter 输出设置为 ObjectOutputStream
- excel - 是否可以使用单元格超链接来运行宏?
- sql - 如何将参数值传递给存储过程而不是 SQL Server 中的文本
- autodesk-forge - 如何在 forge api design automation for revit 中将一个巨大的 json 文件传递给 Command.cs?