wordpress - 谷歌标签管理器跟踪代码进入 Wordpress 标头

Question

我有 Google 跟踪代码管理器代码片段，并希望将其添加到主题的 Wordpress 标题中。在结束</head>标记之前我有<?php wp_head();>. 在 ?之前或之后在哪里添加代码片段wp_head？这些案例中哪些运行得很好，没有任何问题？

标签： wordpressheadergoogle-tag-managertrackingcode-snippets

Answer 1

在您自己添加 GTM 代码之前创建一个子主题。子主题可防止主题更新覆盖您编辑的文件，从而禁用 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 中完成的部分。