Google跟踪代码管理器 - 增强型电子商务和ajax

Question

在我的产品页面详细信息中，我有一个交叉部分，可在用户向下滚动时加载产品列表。当本节中的产品加载时（例如productsDowloaded），我可以触发自定义事件。 如何使用Google代码管理器发送产品展示次数？

Answer 1

在these specifications之后实施数据层以跟踪产品展示次数。如果要异步发送数据，请将事件推送到数据层（例如：event：＆＃39; crossSellReady＆＃39;）并使用基于event = crossSellReady的规则触发自定义事件GA标记。在自定义事件代码中，请务必启用增强型电子商务跟踪，并且代码应自动获取数据层中包含的产品展示数据。如果您遇到任何问题，请告诉我。

Answer 2

首次加载页面时，第一批交叉销售产品会被推送到 dataLayer 作为展示次数，并会发送GA网页浏览量。 GA网页浏览是一个简单的GA标记，在加载页面后会触发。

之后，当交叉销售产品异步加载时，即每当用户向下滚动时，只有那些产品被推送到 dataLayer 和自定义 dataLayer 事件在ajax请求的成功处理程序中触发。例如：

// Inside Ajax success handler...
dataLayer.push({
 'event': 'Custom'
 'eventCategory': 'ecommerce',
 'eventAction': 'ajax-load'
 'eventLabel': 'cross sell'
});

您创建了一个单独的通用GA标记，用于发送事件，并在Custom事件被推送到dataLayer时触发。在通用GA事件标记内，您可以设置以下所有类型为 dataLayer变量的宏：

1. {{event category}} - ＆gt; eventCategory
2. {{event action}} - ＆gt; eventAction
3. {{event label}} - ＆gt; eventLabel

您还可以在通用GA事件代码中添加nonInteraction宏。在我看来，您的用例被视为用户交互（用户向下滚动），因此不应设置 nonInteraction 宏。

如果您使用的是产品清单，请注意交叉销售商品的位置。每当这些产品被异步加载时，您应该记下它们的位置，以便您可以正确地在GA仪表板的产品列表选项卡中跟踪它们的位置。

P.S。通用GA事件标记有多种好处，您可以通过阅读Simo Ahava博客中的相关article来找到有关我所说内容的更多信息。