Google 标签管理器跟踪代码进入 Wordpress header

Google tag manager tracking code into the Wordpress header

我有 Google 标签管理器代码片段,想将其添加到主题的 Wordpress header 中。在结束 </head> 标签之前我有 <?php wp_head();>。在 wp_head 之前或之后添加代码片段的位置?以下哪种情况 运行 非常好,没有任何问题?

在您自己添加 GTM 代码之前创建一个 child theme。子主题可防止主题更新覆盖您编辑的文件,从而禁用 GTM。

您需要插入两个代码 - 一个需要在头部,另一个需要在正文部分。

第一部分

我们首先要做的是在头部插入代码。打开您的 functions.php 文件并在下面添加此代码:

/* This part adds the first GTM code in the header
=====================================================*/
function my_gtm_code1(){
?>

// Insert the code provided by Google here

<?php 
}
add_action( 'wp_head', 'my_gtm_code1', 10 );

"wp_head" 部分传递了您希望添加此代码的位置(显然在头部), "my_gtm_code1" 是函数的名称,数字 10 表示此代码将在多高处添加在头脑中(数字越小,代码在你头脑中的位置越高)。

第二部分

接下来您必须将代码插入主题的正文部分。由于 Wordpress 核心不提供用于在正文中注入函数的挂钩,您将不得不做一个小的解决方法。

首先打开您的 header.php 文件并在标签开始后立即添加这段代码 - <?php body_top(); ?>。添加此函数后,您可以复制 functions.php 文件中的第一部分,但用于 'noscript' 代码。

/* This part adds the first GTM code in the header
========================================================*/
function my_gtm_code2(){
?>

// Insert the second code provided by Google here

<?php 
}
add_action( 'body_top', 'my_gtm_code2' );

就是这样 - 这就是您将 GTM 添加到您的 Wordpress 网站的方式。

为什么要做这么多工作?

当然,您可以使用插件完成所有这些操作,但通过此插件,您将了解一点 Wordpress 的工作原理以及您可以使用它做什么。这甚至可以帮助您添加 GA 代码或需要在 Wordpress 头部完成的任何其他部分。