Google代码管理器将代码跟踪到Wordpress标题中

时间:2018-05-21 07:42:17

标签: wordpress header google-tag-manager tracking code-snippets

我有Google代码管理器代码段,并希望将其添加到主题的Wordpress标题中。在结束</head>代码之前,我有<?php wp_head();>。在wp_head之前或之后添加代码段的位置?哪个案例运行得很好,没有任何问题?

1 个答案:

答案 0 :(得分:0)

在您自己添加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的头部完成的任何其他部分。