使用Google跟踪代码管理器跟踪购买特定产品

Question

我在使用Google跟踪代码管理器和Wordpress / WooCommerce时遇到问题（我无法访问后端）。

我需要跟踪何时购买特定类型的产品，主要产品的样品（大多数产品都有样品）。

样品可以与其他产品一起购买或单独购买。

我在每次购买样品时都会看到源代码中的一个共同元素（见下文）。 当在结帐页面上的两个不同区域购买样品时，会出现元素色卡-a5 ：

区域＃1

dataLayer.push({
  "pagePostType":"page",
  "pagePostType2":"single-page",
  "pagePostAuthor":"root",
  "ecommerce":{
    "currencyCode":"EUR",
    "purchase":{
      "actionField":{
        "id":"22481",
        "affiliation":"",
        "revenue":"1.70",
        "tax":"0",
        "shipping":"0.00",
        "coupon":""
      },
      "products": [
        {
          "id":13487,
          "name":"Genert",
          "sku":"AQA021",
          "category":"Contemporary",
          "price":1.7,
          "currency":"EUR",
          "stocklevel":null,
          "quantity":1,
          "variant":"colour-card-a5,interior-design"
        }
      ]
    }
  },
  "event":"gtm4wp.orderCompletedEEC"
});//]]>

区域＃2

<td class="woocommerce-table__product-name product-name">
    <a href="https://www.example.com/product/genert/?attribute_pa_size=colour-card-a5&attribute_pa_finish=interior-design">
      Genert - Colour Card (A5), Interior Design
    </a> 
    <strong class="product-quantity">&times; 1</strong> 
</td>

由于结帐页面是example.com/checkout/order-received，我实现了一个触发器： 触发器类型： 元素可见性

方法： CSS选择器

元素选择器： color-card-a5

何时触发此触发器： 每页一次

最低可见百分比： 1

此触发器触发： 一些可见性事件

当事件发生且所有这些条件都成立时触发此触发器： 页面URL | 包含| 收到订单

但是一旦我购买了样品，标签就不会被解雇了。 我确定我错过了一些但却无法实现的东西。

有人可以帮忙吗？

提前致谢

Answer 1

您提供的CSS选择器（ colour-card-a5 ）与您提供的HTML中的任何元素都不匹配。 您应该使用a[href*="colour-card-a5"] ，它将选择任何具有href属性的锚点，其中包含color-card-a5字符串。

如果元素在页面加载期间存在于DOM中，或者稍后由脚本添加，则还应检查该元素是否存在于DOM中。 在后一种情况下，您应该在触发器设置中启用DOM检查，以允许触发任何添加的元素。