Google tag manager安裝教學- WordPress追蹤輕鬆上手

如果你的網站適用Wordpress架設的,那設定Google tag manager對你來說一樣輕而易舉!如何設定Google tag manager 追蹤?只要幾個步驟,輕鬆上手,不用外掛、網速無負擔。

不使用WordPress 外掛

假設你已經申請了GTM帳號,前往WordPress,選擇外觀/主題編輯器,會在右手邊紅框處看到佈景主題檔案

WordPress GTM碼安裝位置下拉找到佈景主題首頁(header.php) 找到布景主題首頁: 接著到GTM帳戶,選擇ADMIN頁籤,找到 Install Google Tag Manager: GTM代碼有兩段: 將兩段碼貼在指定的位置,就安裝完成了。

接著前往網站,點選Google Tag Assistant圖示,檢查安裝是否正確,綠色圖示代標安裝正確。

也可以前往原始碼檢視GTM代碼安裝:

可以看到,head的結尾前、body的開頭後方都有一段GTM碼。 這個方式不需要使用Wordpress 外掛,使用太多外掛程式,會讓網速變慢。

Google Tag Manager WordPress 外掛的設定方式

假設你的WordPress網站並沒有使用太多外掛,也可以選擇直接使用WordPress外掛設定GTM。

步驟一、 安裝Google Tag Manager外掛

WordPress安裝Google Tag Manager 外掛

前往外掛/安裝外掛,然後搜尋google tag manager,選擇for WordPress的版本,點擊安裝。

步驟二、 設定GTM ID

WordPress的Google Tag Manger外掛設定

接著前往GTM,找到Google 代碼管理工具,複製下圖紅框中的代碼的ID



步驟三、 Google Tag Manager ID 設定

然後回到WordPress的Google Tag Manager外掛,

到Setting ,找到Google Tag Manager,把Google Tag Manager的ID貼到Google Tag Manager ID Container code placement的部分,這邊建議選擇Custom。

為什麼選擇Custom,是因為Google官方並不建議安裝在Footer,若是選擇第三項Codeless injection的話,有可能會影響到首頁原始碼、影響網頁顯示。

步驟四、將Custom 設定的php碼貼到主題編輯器

選擇Cutom 設定,會看到下方有一段php碼:

<?php if ( function_exists( ‘gtm4wp_the_gtm_tag’ ) ) { gtm4wp_the_gtm_tag(); } ?>

複製這段碼,再前往外觀/主題編輯器:  找到header.php,把這段碼貼在<body>碼的正後方,更新檔案就設定完成了。

Google Tag Manager 教學(一) :無縫接軌移轉GA到GTM
Google Tag manager 教學(二): WordPress追蹤輕鬆上手
Google Tag Manager 教學(三):如何追蹤按鈕點擊
Google Tag Manager 教學(四): GTM 加強電子商務 追蹤

Close Panel