javascript - GTM 内容事件

Question

我在任何地方都找不到这个问题的答案。我正在尝试在 Google 跟踪代码管理器中设置触发器和事件标记，以便在内容存在时触发。本质上，我正在 Google Analytics 中为产品 View 创建一个简单的事件。这个网站的开发人员费用很高，所以我想纯粹用 GTM 来处理它。

仅存在于产品页面上的一项内容是购物车按钮上的提交。

任何人都可以推荐一种方法，用 GTM 注入(inject)一些代码，以便在内容存在时触发，以便我可以触发它的标签吗？

这是购物车按钮及其周围的 html。我想当 class="clsAddCartRight"存在或提交时我可以触发一些东西 - 任一:

    <div id="variationGroup" class="clsViewItemVariationGroup clsOverflow" style="clear:both;">
    <div class="clsViewItemVariationList clsOverflow" style="width:200px;margin:0 auto;">
        <select name="item_variations" id="item_variations_496" onchange="getDetails()">
            <option value="1606" selected="selected">Medium</option>
            <option value="1607">Large</option>
        </select>
    </div>
    <div class="clsItemSaleDetailBlockBottom">
        <form name="purchaseItemFrm" id="purchaseItemFrm" action="http://www.runwaycrush.com/marketplace/cart.html" method="post">
            <input type="hidden" name="item_id" id="item_id" value="1602">
            <input type="hidden" name="c_action" id="c_action" value="add">
            <input type="hidden" name="item_ref" id="item_ref" value="kanduclothing">
            <input type="hidden" name="item_matrix_id" id="item_matrix_id" value="4721">  
                <div class="clsItemCartBlock clsFloatRight" id="addCartButton" style="margin:20px auto 0px; width:318px;">                    
                    <div class="clsAddCartLeft">
                        <div class="clsAddCartRight">
                            <input type="submit" name="add_to_cart" id="add_to_cart" value="ADD TO CART">
                        </div>
                    </div>                    
                </div>
        </form>
    </div>        
</div>

Answer 1

您可以在 GTM 中使用 DOM 类型变量，并使用“CSS 选择器”选项按类名选择元素(如果同一个类存在多次，它将选择第一次出现的类)。如果将属性名称字段设置为“class”，则该变量的值将是类属性的值。

实际上，我认为如果您使用按钮本身并查找值为“add_to_cart”的“id”属性会更好，因为每个页面的 id 都是唯一的(或者应该是)。

但是您还需要一个事件来触发标签。

该值仅在 DOM 渲染后才可用。因此，最简单的方法是设置页面 View 并将触发器类型设置为“DOM Ready”，并且仅当 DOM 变量的值与按钮​​的类名(或分别的 id)匹配时才触发。

但是如果您的产品页面网址遵循任何可识别的模式，那么在综合浏览触发器中使用网址过滤器会更好。这样您就可以在页面加载时触发您的标签，这对于许多标签来说是更可取的。