如何在 WordPress 中添加 Google Analytics 事件跟踪

08/27/2022

什么是 Google Analytics 中的事件跟踪

事件跟踪允许您测量用户在网站上的互动。这些互动可以是点击按钮、播放视频、下载文件、提交表单等。

例如,假设您在产品页面上添加了一个视频,现在想知道它对转化率的效果如何。事件跟踪可以让您跟踪有多少用户播放了该视频,以便您自己判断。

开始前的准备Getting Started

在开始之前,您需要在 WordPress 网站上设置和安装 Google Analytics。如果您不熟悉使用 Google Analytics,可以查看我们的初学者指南。

升级到 Universal Analytics 代码Upgrade to Universal Analytics Code

当前网站上有两种类型的 Google Analytics 代码。Google 正在逐步淘汰旧版代码,要求网站管理员使用新的“Universal Analytics Code”。

如果您的 Google Analytics 代码如下所示:

<script>  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');  ga('create', 'UA-XXXXXX-1', 'auto');  ga('send', 'pageview'); </script>

那么您已经在使用新版 Universal Analytics 代码,不需要进一步操作,可以继续下一步。

在 Google Analytics 中创建您的事件Creating Your Event in Google Analytics

首先,您需要在 Google Analytics 账户中创建事件。登录到您的 Analytics 仪表板,点击顶部的 Admin 链接。

在管理页面中有三列。点击“查看”列下的“目标”链接。接着,点击“新目标”按钮创建新目标。从目标设置选项中,选择“自定义选项”,然后点击下一步按钮继续。

这将引导您到目标描述步骤,您需要为自定义目标提供一个标题,以便在 Google Analytics 中识别目标。

在目标类型下,选择事件。接着点击下一步继续。最后,提供目标详细信息,输入事件条件,然后点击“创建目标”按钮保存并激活目标。您已成功启用 Google Analytics 中的事件跟踪。接下来是跟踪网站上的事件并将数据发送到 Google Analytics。

使用 onClick 添加 Google Analytics 事件跟踪Adding Google Analytics Event Tracking onClick

最简单快捷的添加 Google Analytics 事件跟踪的方法是使用 onClick 方法。此方法可以让用户点击某个元素时将事件条件发送到 Google Analytics。以追踪用户点击电子书下载链接为例,我们会使用这种格式添加 onClick 参数。

onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"

您需要将 category、action、label 和 value 替换为您的事件条件。最终的下载链接格式如下所示:

<a onClick="ga('send', 'event', 'Downloads', 'Click', 'Ebook downloaded', '0');" href="http://example.com/wp-content/uploads/2015/06/free-ebook.pdf">下载免费电子书</a>

用户点击该链接时,会发送一个事件到 Google Analytics,从而出现在您的报告中。

使用 Google Tag Manager 添加事件跟踪Adding Event Tracking Using Google Tag Manager

Google Tag Manager 是一个在线工具,可让您在一个仪表板中添加不同的跟踪代码作为标签。如果您已经手动将 Google Analytics 跟踪代码添加到网站,则需要将其删除。您可以查看我们的教程,了解如何在 WordPress 中安装和设置 Google Tag Manager。

一旦成功在 Tag Manager 中添加了 Google Analytics 标签,下一步就是创建一个新触发器。

点击 Tag Manager 中的触发器,然后点击新的按钮。接下来,选择事件并选择表单。在配置触发器部分,取消选中等待标签和勾选验证选项。

接下来,选择触发的时间。如果页面上只有一个表单,可以选择所有表单。如果有多个表单,则选择某些表单。

现在点击“创建触发器”按钮继续。然后,为需要跟踪的事件创建一个标签。在 Google Tag Manager 中点击标签,然后点击新的按钮,选择 Google Analytics 作为产品,点击继续按钮。

现在选择 Universal Analytics 作为标签类型,提供您的 Google Analytics 跟踪 ID。在跟踪类型下选择事件,并提供类别、操作、标签和值信息。最后点击“创建标签”按钮保存标签,并点击发布按钮使其生效。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>