GTM 内容活动答案

【问题标题】：GTM Event on ContentGTM 内容活动
【发布时间】：2015-06-19 20:41:23
【问题描述】：

我在任何地方都找不到这个问题的答案。我正在尝试在 Google 跟踪代码管理器中设置触发器和事件标记，以便在内容出现时触发。本质上，我正在 Google Analytics（分析）中为产品视图创建一个简单的事件。这个网站的开发者很昂贵，所以我想纯粹在 GTM 中处理它。

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

谁能推荐一种在内容存在时使用 GTM 注入一些代码的方法，以便我可以触发标签？

这是购物车按钮内部和周围的 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>

【问题讨论】：

标签： javascript google-analytics google-tag-manager

【解决方案1】：

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

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

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

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

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

【讨论】：