GTM 内容活动
GTM Event on Content
我在任何地方都找不到这个问题的答案。我正在尝试在 Google 标签管理器中设置触发器和事件标签,以便在内容出现时触发。本质上,我是在 Google Analytics for Product Views 中创建一个简单的事件。这个网站的开发人员很贵,所以我想纯用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>
您可以在 GTM 中使用 DOM 类型变量,并使用 "CSS Selector" 选项通过 class 名称 select 元素(如果相同 class 有多次它会选择第一次出现)。如果将属性名称字段设置为 "class",则该变量的值将是 class 属性的值。
实际上,我认为如果您使用按钮本身并查找值为 "add_to_cart" 的 "id" 属性会更好,因为每个页面的 ID 是唯一的(或者应该是)。
但是您还需要一个事件来触发标签。
该值仅在 DOM 呈现后可用。因此,最简单的方法是设置综合浏览量并将触发器类型设置为 "DOM Ready",并且仅在 DOM 变量的值与 classname(或分别为 id)匹配时触发) 的按钮。
但是 如果您的产品页面 url 遵循任何可识别的模式,使用 会更好 =35=] 在网页浏览触发器中过滤。这样你就可以让你的标签在页面加载时触发,这对许多标签来说更可取。
我在任何地方都找不到这个问题的答案。我正在尝试在 Google 标签管理器中设置触发器和事件标签,以便在内容出现时触发。本质上,我是在 Google Analytics for Product Views 中创建一个简单的事件。这个网站的开发人员很贵,所以我想纯用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>
您可以在 GTM 中使用 DOM 类型变量,并使用 "CSS Selector" 选项通过 class 名称 select 元素(如果相同 class 有多次它会选择第一次出现)。如果将属性名称字段设置为 "class",则该变量的值将是 class 属性的值。
实际上,我认为如果您使用按钮本身并查找值为 "add_to_cart" 的 "id" 属性会更好,因为每个页面的 ID 是唯一的(或者应该是)。
但是您还需要一个事件来触发标签。
该值仅在 DOM 呈现后可用。因此,最简单的方法是设置综合浏览量并将触发器类型设置为 "DOM Ready",并且仅在 DOM 变量的值与 classname(或分别为 id)匹配时触发) 的按钮。
但是 如果您的产品页面 url 遵循任何可识别的模式,使用 会更好 =35=] 在网页浏览触发器中过滤。这样你就可以让你的标签在页面加载时触发,这对许多标签来说更可取。