gpt4 book ai didi

javascript - Google 跟踪代码管理器增强了电子商务数据层

转载 作者:行者123 更新时间:2023-11-28 07:53:21 24 4
gpt4 key购买 nike

我正在我们的网站上实现 GTM 和 GA,并且有一个关于传递有关产品印象和点击的电子商务数据的非常基本的问题,我无法从官方 GTM 文档中理解这些数据。

作为一个例子,我想讨论搜索结果页面。我们的搜索结果页面上通常会包含 50-100 个产品列表。 SRP 将加载 dataLayer=[{...}] 部分中预加载的产品展示次数,该部分包含 Google 跟踪代码管理器使用正确的命名约定进行展示次数计算所需的所有变量。作为一个例子,我想分享该页面的 HTML 伪代码

<html>
<head>
....
....
<script>
dataLayer=[{
'userID':'sdvkn3434mwgn4nk',
'country':'USA',
'language':'en-us',
'ecommerce': {
currencyCode': 'USD',
'impressions': [
{
'name': 'Triblend Android T-Shirt',
'id': '12345',
'price': '15.25',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Gray',
'list': 'Search Results',
'position': 1
},
{
'name': 'Donut Friday Scented T-Shirt',
'id': '67890',
'price': '33.75',
'brand': 'Google',
'category': 'Apparel',
'variant': 'Black',
'list': 'Search Results',
'position': 2
}]
}
}
</script>
</head>
<body>
...
...
<a href="www.example.com/12345.html">Triblend Android T-Shirt</a>
<a href="www.example.com/12345.html">Donut Friday Scented T-Shirt</a>
....
</body>

在此 dataLayer=[{}] 中,我们还将拥有与用户语言、用户 ID、所选国家/地区等相关的数据

我想了解如何计算产品的点击次数。在谷歌文档中,https://developers.google.com/tag-manager/enhanced-ecommerce#product-clicks提到使用以下代码来跟踪它。

<script>
function(productObj) {
dataLayer.push({
'event': 'productClick',
'ecommerce': {
'click': {
'actionField': {'list': 'Search Results'},
'products': [{
'name': productObj.name,
'id': productObj.id,
'price': productObj.price,
'brand': productObj.brand,
'category': productObj.cat,
'variant': productObj.variant
}]
}
},
'eventCallback': function() {
document.location = productObj.url
}
});
}
</script>

这个函数应该在哪里声明?这个函数应该在哪里调用?我们如何将产品的值(即名称、id、价格等)传递给函数。

我不是开发人员,将使用开发人员的帮助将信息从后端获取到数据层。

最佳答案

试试这个 HTML:

<body>
...
...
<a class="toMisure" data-id="12345" data-name="Triblend Android T-Shirt" href="www.example.com/12345.html">Triblend Android T-Shirt</a>
</body>

还有这个 Javascript Jquery:

<script>
$(function(){
$('.toMisure').click(function(){
dataLayer.push({
'event': 'productClick',
'ecommerce': {
'click': {
'actionField': {'list': 'Search Results'},
'products': [{
'name': $(this).attr('data-name'),
'id': $(this).attr('data-id'),
'price': ...,
'brand': ...,
'category': ...,
'variant': ...
}]
}
},
'eventCallback': function() {
document.location = $(this).attr('href')
}
});
});
});
</script>

通过标签 a 中的数据属性传递所有其他产品属性

然后在分析上创建事件“产品点击”并解释 here

希望对你有帮助!

关于javascript - Google 跟踪代码管理器增强了电子商务数据层,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26479977/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com