Return to site

设置滚动深度跟踪的便捷指南

· seo优化

如果您知道80%的用户只在主页上滚动了25%,那么您的营销方法将如何变化?用户衰减可能由于多种原因而发生。也许您的内容不相关。也许它太长了,或者只是闷闷不乐。无论是什么原因,滚动深度跟踪是了解用户实际看到的内容量的好方法。

通过滚动深度跟踪,您可以衡量用户对您内容的参与度。它可以在您网站的每个页面上实施,并允许您跟踪在给定页面上满足特定滚动深度阈值的用户百分比,例如基线(0%),25%,50%,75%和100% 。此博客文章将引导您完成一个简单的分步过程,使用Google跟踪代码管理器(GTM)和Google Analytics(GA)在您自己的网站上设置滚动深度跟踪。

Google Analytics(分析)具有许多强大的功能,可直接使用。但是,只需稍加调整,您就可以轻松扩充Google Analytics以捕获更多数据,从而获得更深入,更有意义的见解。设置滚动深度跟踪是这些简单增强之一。

很遗憾,默认情况下,Google Analytics不会跟踪用户滚动深度。好消息是,使用Google跟踪代码管理器可以毫不费力地实现滚动深度跟踪。本文的下一部分将引导您完成18个简单的步骤,以便立即启动并运行。

注意:在开始之前,本指南将假设您已经设置了jQuery并通过Google跟踪代码管理器运行Universal Analytics(UA)。如果你还没有jQuery,你可以自己下载并托管它,或者添加一个简单的代码片段,谷歌的CDN将为你托管它,而不会有太多的麻烦。要了解更多信息,请查看W3School的jQuery指南。

让我们开始介绍如何设置滚动深度跟踪。

步骤1:
打开GTM并单击“添加新标签”:

第2步:
现在选择“自定义HTML标记”:

第3步:
复制并粘贴“配置标记”下的以下代码。不要忘记包含<script> </ script>!添加代码后单击“继续”。要了解有关Rob Flaherty代码更精细点的更多信息,请访问:http://scrolldepth.parsnip.io/,他详细解释了他的代码。

注意:此代码仅在您通过GTM设置Google Analytics(UA)时才有效。

步骤4:
现在,您将在屏幕上看到标题为“Fire On”的第3部分。在此部分下,选择“所有页面”或“某些页面”,具体取决于您希望应用滚动深度跟踪的页面的首选项。出于本指南的目的,我们将使用“所有页面”。点击底部的“创建标记”,系统会提示您为标记命名。我建议你给它命名一些合适的东西(例如Scroll Depth Tracking)。现在点击“保存”。

第5步:
现在,在GTM的右上角,在“发布”按钮旁边,单击右侧的箭头,然后选择“预览和调试模式”,如下所示:

第6步:
现在转到您的网站(或刷新您网站的页面),GTM的显示控制台应显示在页面底部,如下所示:

第7步:
在“摘要”下的显示控制台左侧选择“ScrollDistance”,然后单击显示控制台中上部的“数据层”。您应该看到数据层值,例如“eventCategory”,“eventAction”和“eventLabel”:

第8步:
现在让我们通过向下滚动您网站上的其中一个页面来测试。如果一切顺利,则应在显示控制台的左侧部分(在摘要下)触发其他ScrollDistance事件。

单击其中一个“ScrollDistance”事件,它将通过再次单击它(新填充的ScrollDistance事件)然后转到显示控制台顶部的“数据层”来告诉您向下滚动页面的距离。然后查看eventLabel,它将说明基线(0%,25%,50%,75%,100%)。

在下面的屏幕截图中,您可以看到滚动深度测量为50%:

第10步:
在“变量名称”下,我们需要链接我们之前在数据层的显示控制台中看到的一些值名称。我们需要总共创建三个新的数据变量。

将第一个命名为eventCategory - 就像我们之前在显示控制台中看到的那样,然后单击“Create Variable”。当系统提示再次命名时,将其命名为“eventCategory”。

请记住,我们直接从Display Console中的数据层绘制这些值,因此在创建变量时名称必须相同。

11步:

现在是时候再创建两个变量,eventAction和eventLabel。这些是在显示控制台下列出我们的数据层的其他重要值名称,如下所示:

重复步骤9和10并创建两个新变量,一个用于eventAction,另一个用于eventLayer。

第12步:(可选)
现在有了所有三个变量,数据层很快就会连接到GTM。转到GTM中的预览和调试模式,并确保刷新您网站的页面。选择ScrollDistance事件并在变量选项卡下查看以验证eventCategory,eventAction和eventLabel是否全部到位。

All Posts
×

Almost done…

We just sent you an email. Please click the link in the email to confirm your subscription!

OKSubscriptions powered by Strikingly