GTM：CSS选择器不适用于按钮ID

Question

我正在尝试设置一个触发器，该触发器在单击页面上的特定按钮时触发。我在互联网上阅读了许多指南，但它们似乎无济于事。 源代码是：

    <div class="g-forms-button-group g-clear">
                            <button type="submit" id="kite-submit-createEmployeeAndProductTypes" class="g-btn g-btn-forward g-forms-next">
                    <span>Volgende <b class="g-klmicon" aria-hidden="true">&gt;</b></span>
                </button>

    </div>

我正在尝试通过以下方式在GTM上选择此按钮：

但是，当我单击该按钮时，未触发代码。不用说，如果我切换到“所有点击”，则代码会触发，因此我认为问题不存在。

Answer 1

您可以将点击事件绑定到按钮，具体按钮应指定其类别。

document.querySelector('button').addEventListener('click',function(){
   alert('btn clicked');
   return true;
});

 <div class="g-forms-button-group g-clear">
                            <button type="submit" id="kite-submit-createEmployeeAndProductTypes" class="g-btn g-btn-forward g-forms-next">
                    <span>Volgende Click Me <b class="g-klmicon" aria-hidden="true">&gt;</b></span>
                </button>

    </div>