我们有一个网站,可以在一个页面上呈现多张卡片,一些卡片是文章、视频、投票测验卡片等。这些卡片可以共享,比如
我们想为此创建一个 DTM 数据层,以便我们可以使用 DTM 进行有效的实现
对此示例数据层的任何帮助,将不胜感激资源链接
我们有一个网站,可以在一个页面上呈现多张卡片,一些卡片是文章、视频、投票测验卡片等。这些卡片可以共享,比如
我们想为此创建一个 DTM 数据层,以便我们可以使用 DTM 进行有效的实现
对此示例数据层的任何帮助,将不胜感激资源链接
DTM 可以在页面上使用数据层和 HTML。根据您要执行的操作,您可以将不同的属性放入 HTML 元素中,并使用 DTM 中的一些代码从页面中抓取该数据并执行您需要执行的操作。
例如,假设您拥有的每张卡片都有一个“卡片”类。你需要知道卡类型和卡ID。您可以执行以下操作:
<div class="card" data-cardType="article" data-cardID="1">...</div>
<div class="card" data-cardType="video" data-cardID="2">...</div>
<div class="card" data-cardType="poll" data-cardID="3">...</div>
然后,您可以使用 JavaScript/jQuery 循环浏览卡片并获取您需要的内容。例如,假设您在 Adobe Analytics 产品变量中填充卡片类型和卡片 ID:
var prods = [];
$('.card').each(function(){
prods.push(';'+$(this).attr('data-cardID')+';;;;evar1='+$(this).attr('data-cardType'));
});
s.products = prods.join(',');
另一种选择是在 JavaScript 中实际构建相同的数据结构,并使用一些代码循环它并获取所需的数据。