2017-04-25 1 views
1

문제가 발생하여 GTM에 이벤트를 구체적으로 등록하지 못하는 것 같습니다.일치하는 CSS 선택기를 사용하여 객체에 클릭 요소 이벤트 필터링

다음은 누군가가 클릭 할 때 등록해야하는 요소의 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 클릭에 등록 할 클릭을 가져올 수 없으므로 버튼 클릭 또는 도형 클릭이 쇠퇴합니다. DIV에 targetDiv 클래스로 등록해야합니다.

다른 장소에서 트리거를 클릭하면 듣기에 문제가 없습니다.

는 현재 트리거는 다음과 같이 설정됩니다

트리거 유형 - 클릭 - 모든 요소 일부 클릭에

트리거가 발생합니다.

그리고 조건은 다음과 같습니다

클릭 요소가 -> 일치 CSS 선택 -> targetDiv

답변

0

Click Element -> matches CSS selector -> targetDiv 

는 HTML 코드에서 존재하지 않는 <targetDiv> 요소를 일치 싶어 .

Click Element -> matches CSS selector -> .targetDiv 
: 그건 당신이 클래스에 대한 CSS 선택기를 쓸 수있는 방법이기 때문에

, 클래스 명 앞에 점을 작성하십시오

관련 문제