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 头部完成的任何其他部分。
我有 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 头部完成的任何其他部分。