使用匹配的css选择器将click元素事件过滤到对象

时间:2017-04-25 06:53:22

标签: google-tag-manager

我遇到了一个问题,似乎无法让GTM专门注册该事件。

以下是当人们点击它时我需要注册的元素的HTML样式。

<div class="targetDiv option option-hoverable">
    <div class="shape">
      <svg width="140" height="140" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
        <title>Shape + Shape + Shape</title>
            <desc>Created with Sketch.</desc>
              <g transform="translate(0 0)" sketch:type="MSShapeGroup" fill="none">
                <circle id="Shape" fill="#CFDF80" cx="40" cy="84.434" r="40"></circle>
                <circle id="Shape" fill="#FDE9E8" cx="80" cy="40" r="40"></circle>
                <circle fill="#E2506E" cx="100" cy="100" r="40"></circle>
              </g>
      </svg>
    </div>

                <h3>Product Title</h3>
                <div class="actions">
                <a class="button button-subtle button-toggle" data-colors="tender" data-toggled="Select" href="">Select</a>
                </div> 
</div>

我无法点击点击注册外部DIV点击,它会点击按钮点击或点击形状。我需要它用类targetDiv在DIV上注册。

我从其他地方获得正确的点击触发器,因此听力不是问题。

现在触发器设置如下:

触发类型 - 点击 - 所有元素

点击时会触发触发器。

条件是:

点击元素 - &gt;匹配CSS选择器 - &gt; targetDiv

1 个答案:

答案 0 :(得分:0)

Click Element -> matches CSS selector -> targetDiv

希望匹配html代码中不存在的<targetDiv>元素。

尝试在类名前面写一个点,因为这是你为类编写css选择器的方法:

Click Element -> matches CSS selector -> .targetDiv