Question

我的Javascript技能非常有限，我正在尝试整理一个超出我技能的脚本。

我正在使用Google跟踪代码管理器来设置一个脚本，用于捕获用户添加到其购物车中的产品的产品名称。

因此，我们的想法是，当用户点击＆＃34;添加到购物车＆＃34;按钮，我还捕获用户添加的产品名称并将其存储在变量中。我的问题是，当同一页面上有多个产品时，我不知道如何做到这一点。

为了捕获正在添加到购物车中的产品的名称，脚本会是什么样的？

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

Answer 1

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

1）转到变量 - ＆gt;用户定义的变量 - ＆gt;新

2）类型 - ＆gt;自定义JavaScript

3）名称：产品名称

4）代码：

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

创建触发器

1）转到触发器 - ＆gt;新

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

类型：点击 - 所有元素

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

创建代码

1）转到标签 - ＆gt;消息

名称：添加到购物车标签

类型：通用分析

追踪类型：事件

填写数据，您要发送到GA的内容。例如：

类别：添加到购物车

操作：点击

标签：{{产品名称}}

设置触发器：＆＃34;添加到购物车触发器＆＃34;

跟踪产品名称多个产品

1 个答案: