如何创建 Google Analytics WordPress 插件以立即开始使用

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/7755.html

想要在 WordPress 中创建一个用于 Google Analytics 跟踪的插件吗?这是今天创建插件的方法!

将 Google Analytics 添加到您的 WordPress 网站将帮助您跟踪谁访问了您的网站、他们一直在查看什么以及他们是如何到达那里的.

最简单和最简单的方法是安装 Google Analytics WordPress 插件,例如 Beehive,它可以让您快速访问帖子、页面、网站或网络性能概览,而无需离开您的 WordPress或多站点信息中心.

但有时您可能希望让事情更简单一些,并自己将分析跟踪代码插入您的网站.有时,您可能想要卷起袖子,玩转代码,并创建自己的分析插件.

Google 会告诉您在您网站上每个页面的 <head> 部分插入代码,但使用 WordPress,您不需要这样做.您可以创建一个简单的插件,该插件会自动将其插入到您网站上创建的每个新页面中.

使用插件将 Google Analytics 添加到 WordPress 的好处是,如果您更新主题,它不会从您的网站中删除分析代码.

在本教程中,我们将向您展示如何创建一个简单的 Google Analytics(分析)插件,将代码添加到您的 WordPress 网站的每个页面.

您需要什么

要为 WordPress 创建 Google Analytics(分析)插件,您只需要做几件事:

  • 运行您选择的主题的实时 WordPress 安装.
  • 通过 FTP 访问您网站的文件.
  • 代码编辑器或文本编辑器.

我正在使用 Coda,它将代码编辑功能和 FTP 集中在一处,但您可以使用任何代码或文本编辑器以及免费的 FTP 客户端,例如 Filezilla.

注意:您可以在 Github,所以如果你有任何问题,请查看.

过程

如果您之前没有创建过插件,请不要担心.它比你想象的要简单得多.要创建此插件,您需要执行以下五个步骤:

  1. 检查活动主题的 header.php 文件以确保它包含 wp_head 挂钩.
  2. 在您的插件文件夹中创建一个新文件.
  3. 从 Google Analytics(分析)网站获取您的分析跟踪代码.
  4. 向您的插件添加一些代码,包括跟踪代码.
  5. 激活插件.

那么让我们开始吧!

检查 wp_head 挂钩的主题文件

插件通过将代码附加到已写入主题中的挂钩来将代码插入您的站点.任何编写良好的主题都会在其 header.php 文件中包含 wp_head 钩子.许多插件使用此钩子来插入脚本、样式等.

如果您从 WordPress 主题存储库下载了您的主题,那么它应该在正确的位置有 wp_head 钩子,但让我们检查一下以防万一.

在您的 FTP 程序中,访问 WordPress 安装中的 wp-content 文件夹.在里面,你会找到一个主题文件夹,然后是你的活动主题的文件夹.例如,包含 29 主题的主题文件的文件夹将位于 wp-content/themes/twentynineteen.

注意:这只是您需要关注的活动主题.忽略您在网站上安装的任何其他主题.

在您的主题文件夹中,您会找到一个名为 header.php 的文件.打开它.

header.php 文件包含每个页面开头的所有代码,包括页面的 <head> 部分.您应该在 <head> 部分的末尾找到 wp_head 钩子.例如,在 29 主题中,完整的 <head> 部分如下所示:

加载要点 6514b72970cddb32cd02918c2a6

注意:如果您的主题不包含此代码,那么我建议您获取另一个主题.一个写得很好的主题总是会包含这个,如果没有,谁能说还有什么地方可能存在问题?

结束 </head> 标记之前的最后一行包含 wp_head 钩子.此时您可以在插件中使用它来插入代码,而无需编辑您的主题文件.

您可能会问,为什么不应该编辑主题文件?好吧,这是一个坏主意,原因有两个:

  • 如果主题在未来更新,您将丢失对主题文件所做的任何更改.
  • Google Analytics(分析)插件是关于功能的(即您的网站后台发生了什么)而不是显示(即您的网站的外观和显示内容),因此应该通过插件而不是主题添加它.

一旦您知道您的主题已准备就绪,下一步就是获取 Google Analytics(分析)跟踪代码.

获取跟踪代码

当您将您的网站添加到您的 Google Analytics(分析)帐户时,您会收到一个跟踪代码,您需要将其插入到您网站的页面中,以便 Google可以跟踪每个页面的访问者.

如果您有 Google 帐户,则可以使用现有帐户访问分析数据.如果您是尚未拥有 Google 帐户的极少数人之一,则需要设置 Google 帐户.

完成此操作后,您只需确保已将您的网站添加到 Google Analytics(分析),然后从"管理"部分复制您的跟踪代码.

如果您在这一步需要帮助,请查看我们关于如何将 Google Analytics 跟踪代码添加到 WordPress 的教程.

Google Analytics tracking code.
Google Analytics 代码示例.

您添加到 Google Analytics(分析)的每个网站都有自己的唯一 ID.复制跟踪代码中的所有内容,包括开始和结束 <script> 标记.您很快就会将此代码粘贴到您的插件中.

创建插件

接下来,让我们创建要添加跟踪代码的插件.

注意:确保您为您的网站创建备份,以防您不小心做了一些弄乱代码的事情.

在您站点的 wp-content/plugins 文件夹中,创建一个新的 PHP 文件.给它取一个令人难忘的名字:我叫我的 wpmudev-google-analytics.php.

在您的代码编辑器中,打开该文件.添加以下内容:

加载要点 c5b3f136b7bd3d3d387e007be983bfee32.js?

这告诉 WordPress 这是一个插件,作者是谁,以及插件的作用.编辑您的插件和作者详细信息以匹配.

现在在该代码下方添加将包含分析跟踪代码的函数:

加载要点 d5a4d73884f666dc7c503600ad50a

目前这是一个名为 wpmudev_google_analytics() 的空函数,它附加到 wp_head 钩子,这意味着只要 WordPress 遇到该钩子,即在 <head> 部分的末尾,它的内容都会被输出每一页.

下一步是将跟踪代码复制到您的函数中.在函数的大括号内(以及大括号内的 PHP 开始和结束标记内),粘贴您之前复制到剪贴板的跟踪代码.

您的函数现在看起来像这样:

加载要点 299204a328727b6a0896a1770f64ab>

激活插件

现在,保存您的插件文件并转到您的站点管理屏幕.您的 WordPress Google Analytics 插件应列在 WordPress 插件屏幕中:

WordPress Google Analytics plugin google analytics plugin
您在 WordPress 插件管理屏幕中的 Google Analytics 插件.

激活插件并返回 Google Analytics 站点以验证您的跟踪代码.您可能需要稍等片刻,直到 Google 接收到新代码,然后才会报告您的代码有效.

恭喜!现在您知道如何为 Google Analytics 和 WordPress 创建插件了.

将 Google Analytics 添加到 WordPress – 回顾

学习如何将 Google Analytics 添加到 WordPress 并不难,但在没有插件的情况下在 WordPress 中添加 Google Analytics 则要复杂得多.

如果您想手动将 Google 跟踪代码添加到您的 WordPress 网站,则不应将其添加到您的主题中.

更好的方法是为 WordPress 创建一个 Google Analytics 插件,就像我们刚刚介绍的简单插件一样.此插件包含一个包含 Google 提供的跟踪代码的功能.然后将该函数附加到 wp_head 钩子.这个钩子出现在所有编写良好的主题的 <head> 部分,让您无需修改​​主题即可插入代码.

如果您已经走到这一步并且不想乱七八糟的代码并且只想使用一个简单的解决方案来查看您网站的 Google Analytics(分析),那么最好的方法是使用像 Beehive.它不仅设置起来很简单,而且还包括多站点集成以及图表和统计数据,因此您可以快速了解站点的活动.当然,您还可以安装其他 适用于 WordPress 的 Google Analytics(分析)插件.

是否安装了 Google Analytics 插件?伟大的!这是您的后续步骤

一旦您添加了 Google Analytics(分析),您不仅可以作为 SEO 策略的一部分跟踪您网站的访问者,而且如果您向客户提供 WordPress 管理服务,您还可以将分析与 WPMU 仪表板集成并将其添加到您的所有客户报告中(很好!).

如果您还不是 WPMU DEV 的成员,您仍然可以创建客户端使用 WordPress Google Analytics 的 PDF 报告.

您还可以运行 Google Analytics 实验,例如 A/B 测试,跟踪多站点分析,还有更多!

有关将 Google Analytics 与 WordPress 结合使用的更多信息,请参阅我们的关于 Google Analytics 和了解您的 WordPress 网站流量的综合指南.

标签:

5

发表回复