跟踪产品名称多个产品

Question

我的 Javascript 技能非常有限，我正在尝试编写一个超出我技能范围的脚本。

我正在使用 Google 标签管理器来设置一个脚本来捕获用户添加到 his/her 购物车的产品的产品名称。

所以我的想法是，当用户单击 "add to cart" 按钮时，我还会捕获用户添加的产品名称并将其存储在变量中。我的问题是，当同一页面上有多个产品时，我不知道如何执行此操作。

为了捕获添加到购物车的产品的名称，脚本应该是什么样子？

页面示例可在此处找到：cxshop.azurewebsites.net

Answer 1

首先你需要创建变量，它将找到你的产品名称

1) 转到变量 -> 用户定义的变量 -> 新建

2) 类型 -> 自定义 JavaScript

3) 名称：产品名称

4）代码：

function(){    
    var element = {{Click Element}};
    return $.trim($('h2.product-title, h1[itemprop="name"]',element.closest('div[data-productid]')).text());
}

创建触发器

1) 转到触发器 -> 新建

名称：添加到购物车触发器

类型：点击 - 所有元素

Click Element - matches CSS selector - .product-box-add-to-cart-button, .add-to-wishlist-button

创建标签

1) 转到标签 -> 新闻

名称：添加到购物车标签

类型：通用分析

轨道类型：事件

填写数据，你要发送到GA。例如：

类别：加入购物车

操作：点击

标签：{{产品名称}}

设置触发器："Add to cart trigger"

跟踪产品名称多个产品

track product name multiple products

javascript

event-tracking

google-tag-manager