谷歌標簽管理器跟蹤代碼到 Wordpress 標頭中

Question

我有 Google 標簽管理器代碼片段，想將它添加到主題的 Wordpress 標題中。 在結束</head>標簽之前，我有<?php wp_head();> 。 在wp_head之前或之后在哪里添加代碼片段？ 這些案例中哪些運行得很好，沒有任何問題？

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(); ?> <?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 頭部完成的任何其他部分。