使用 Parent/Child 属性在 Google 标签管理器中设置事件

Question

在我的网站上推送代码仅每月发生一次，我想使用 google 标签管理器在网站上的某些按钮上添加事件标签。

因为 classes 和 ID 在父项中，而不是直接在点击属性上，所以我无法弄清楚如何定位特定按钮。现在每次我以不同的方式测试它时，我似乎都无法让它工作。我正在阅读这篇文章以试图帮助我：http://www.periscopix.co.uk/blog/new-gtm-trigger-condition-matches-css-selector/

我要针对的代码段是单击 'Apply' 按钮的用户。

        <div id="universal-actions" class="pull-right">
            <ul class="nav nav-pills">
                <li class="button-visit"><a href="/visit/">Visit</a></li>
                <li class="button-apply"><a href="/apply/">Apply</a></li>
                <li class="button-login"><a href="/login/">Login</a></li>

我尝试了几个不同的变体，仅针对 ID 和 li class，以及 class 和点击 URL，但似乎无法获得它正确的。最近我尝试了 CSS 选择器：ul.nav nav-pills > li.button-apply

感谢您的帮助！我是 google 标签管理器的新手，在使用这些父属性时确实遇到了麻烦。

Answer 1

你很接近。您需要的选择器是 ul.nav.nav-pills > li.button-apply。注意 "nav" 和 "nav-pills" 之间的句点代替了 space。那是因为 ul 有两个 classes，每个都需要用自己的 class 选择器表示，因此 .nav 和 .nav-pills.

另请参阅：CSS Selector that applies to elements with two classes

使用 Parent/Child 属性在 Google 标签管理器中设置事件

Setting Up Events in Google Tag Manager with Parent/Child Attributes

html

css-selectors

event-tracking

google-tag-manager