Question

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

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

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

我在源代码中发现了一个通用元素，每次购买样品时都会显示该元素（请参见下文）。在结帐页面上的两个不同区域中购买样品时，会出现元素 color-card-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选择器

元素选择器： colour-card-a5

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

可见的最低百分比： 1

此触发器将触发： 某些可见性事件

在事件发生且所有这些条件都为真时触发此触发器： 页面网址|包含|收到订单

但是一旦我购买了样品，它的标签就不会被触发。我确定我缺少了一些东西，但无法意识到。

有人可以帮忙吗？

预先感谢

Answer 1

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

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

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

1 个答案: