在 Google Analytics 中衡量网上商店的失望程度 [分步计划]

不久前,我看到了 Wouter Wensing 写的一篇很棒的文章,其中他讨论了14 种对网上商店有用的转化分析。他提到的要点之一是衡量会导致转化率降低的失望程度。然而,在我作为电子商务专家的工作期间,我注意到几乎没有人使用它。错失了机会,因为失望带来的见解为提高转化率提供了非常具体的要点。

您的网站有哪些令人失望的地方?
但失望到底是什么?我们所说的失望是指网站访问者在客户旅程中遇到的负面瓶颈。它确保游客不太容易通过转换隧道,这可能会影响营业额。

对 bol.com 感到失望
对 bol.com 感到失望

一些明显令人失望的例子是:

非工作折扣代码
缺货通知
您的用户名不存在
未选择数量
您的密码不正确
运送方式暂时不可用
无法连接到 Paypal
没有找到搜索结果
除此之外,还有看不见的失望。这些通常是浏览器兼容性问题或网站代码中的错误。这也确保访问者无法通过正常的转换路径,并且网站的某些功能将无法使用。但是,相关的错误消息不会直接显示给访问者,但可以在浏览器控制台中找到。

通过 4 个简单步骤衡量失望程度
通过 4 个简单的步骤,我将向您展示如何使用 Google 跟踪代码管理器衡量网店中的失望情况以及如何将其包含在 Google Analytics 报告中。我将解释如何为 Google Analytics 4 和 Universal Analytics 进行设置。

1. GTM:添加GA事件标签

我假设您的网站上已经运行了一个 Google 跟踪代码管理器容器,其中包含 Google Analytics 标记。您可以通过以下步骤扩展此标签:

谷歌通用分析
使用您的 Google 帐户登录并在tagmanager.google.com 打开相应的容器
转到“标签”,然后单击右上角的“新建”
在“标签配置”下,选择新的“Google Analytics – Universal Analytics”标签
设置标签的字段如下:
跟踪类型:事件
类别:失望
操作:单击加号添加新变量并选择“单击文本”
标签:再次单击加号并选择“页面 URL”
非交互命中: true
Google Analytics(分析)设置:选择用于衡量页面浏览量的分析变量
标签激活选项:每个事件一次
继续步骤 2 添加触发器
GTM 令人失望

谷歌分析4
使用您的 Google 帐户登录并在tagmanager.google.com 打开相应的容器
转到“标签”,然后单击右上角的“新建”
在“标记配置”下,选择新的“Google Analytics – GA4 事件”标记
设置标签的字段如下:
配置标签:选择用于衡量页面浏览量的分析标签。
活动名称:失望
事件参数:
名称: 失望_留言
值:单击加号添加新变量并选择“单击文本”
继续步骤 2 添加触发器
GA4 事件测量
2. GTM:添加适当的触发器
现在我们已经设置了事件标签,我们需要指示何时触发该标签。我们用触发器来做到这一点。由于失望在每个 CMS 或电子商务系统中的显示方式不同,因此我在下面展示如何仅为 Magento 2 和 WooCommerce 设置触发器。希望这能让您了解如何为自己的网站设置触发器。我们选择一个元素显示触发器作为触发点。一旦某个元素(例如警告或错误消息)在浏览器屏幕中可见,此触发器就会触发。

另请阅读:使用 GTM 服务器端跟踪分 5 个步骤收集数据
马根托2
对于 Magento,这主要取决于您的主题如何准确地设置触发器。许多最佳实践主题都可以按照以下说明进行操作。

搜索 Magento 2 网上商店的前端,结果令人失望。例如,这可能是错误输入的折扣代码
右键单击警报并从上下文菜单中选择“检查元素”
这将打开元素检查器,您将在其中看到警报元素的相应 HTML
在 HTML 树中,查找 class 属性。在上面的示例中,我们看到 class=”message”是警告的正确元素。我们将使用这个类名作为触发器。如果你只想记录错误消息,你也可以选择使用 class=”message-error”,Magento 使用这个选择器专门用于红色警告消息
在 Google 跟踪代码管理器中,对于步骤 #1 中创建的事件代码,转到触发器并点击“新建”
在此处添加“元素可见性”触发器,其中包含以下选项:
选择方式: CSS选择器
元素选择器: .message
何时触发此触发器:每个元素一次
可见的最小百分比: 10%(这表明 菲律宾电报数据 警告必须是可见的)
观察DOM变化:检查
将触发器另存为“可见性 – 警告消息”
将带有触发器的事件标签保存为“GA – 事件 – 失望”

菲律宾电报数据

Magento 中警告的可见性触发器

Magento 中警告的可见性触发器

WooCommerce
在 Woocommerce 网上商店的前端寻找令人失望 终极对决:展示广告与搜索广告——哪种策略更胜一筹? 的地方。例如,这可能是错误输入的折扣代码
右键单击警报并从上下文菜单中选择“检查元素”
这将打开元素检查器,您将在其中看到警报元素的相应 HTML
在 HTML 树中,查找 class 属性。在上面的示例中,我们看到告的正确元素。我们将使用这个类名作为触发器
在 Google 跟踪代码管理器中,对于步骤 #1 中创建 cz 线索 的事件代码,转到触发器并点击“新建”
在此处添加“元素可见性”触发器,其中包含以下选项:
选择方式: CSS选择器
元素选择器: .woocommerce-error
何时触发此触发器:每个元素一次
可见的最小百分比: 10%(这表明警告必须是可见的)
观察DOM变化:检查
将触发器另存为“可见性 – 警告消息”
将带有触发器的事件标签保存为“GA – 事件 – 失望”
WooCommerce 令人失望

 

其他 CMS 和电子商务平台
在您的网站上查找失望/警告的示例
右键单击警告并打开“检查元素”
在打开的开发者控制台中,您可以查看警告的 HTML 结构
在 HTML 结构中搜索重复出现的 ID 或类名称(class=”” 属性中的部分),您可以将其用作识别警报的通用方法
正如我们在上面的示例中所述,在触发器中使用类名称
3. 测试并发布您的容器
现在您已将标签添加到容器中,是时候测试和发布该标签了。

点击标签容器右上角的“预览”
在打开的调试屏幕中,输入您的网上商店的 URL,然后按“连接”
然后,在您的网上商店打开的屏幕上,转到显示令人失望的页面。例如,这可能是您输入不存在的折扣代码的购物车。一旦出现有关折扣代码不正确的警告,您的触发器就应该已关闭
返回到调试屏幕仍打开的其他选项卡,检查新创建的标签是否已触发。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部