Google Tag Manager(以下簡(jiǎn)稱GTM)是Google專門創(chuàng)建的代碼管理工具。非常適合公司沒(méi)有專門的建站程序員,但又需要經(jīng)常添加代碼的運(yùn)營(yíng)人員使用。GTM極大的簡(jiǎn)化了代碼的添加,在網(wǎng)站上安裝GTM后,即使不懂代碼,經(jīng)過(guò)短時(shí)間的學(xué)習(xí)也能應(yīng)對(duì)日常工作中添加代碼的需要。比如添加GA代碼,Google Ads跟蹤代碼,再營(yíng)銷代碼,F(xiàn)acebook Pixel,做事件跟蹤等等。 這篇文章就來(lái)介紹wordpress網(wǎng)站如何在網(wǎng)站上安裝google tag manager. 創(chuàng)建Google Tag Manager賬號(hào) 1.第一次登錄可直接點(diǎn)擊空白處新建賬號(hào)打開(kāi)https://tagmanager.google.com/ 2.設(shè)置賬號(hào)名稱 賬號(hào)名稱是給我們自己看的,寫網(wǎng)站名稱,公司名稱都可以 3.設(shè)置容器 輸入網(wǎng)站域名(www.XXXXX.com),目標(biāo)廣告平臺(tái)選擇“網(wǎng)站”,點(diǎn)擊“創(chuàng)建” 4.接受GTM服務(wù)條款 5.獲得2段GTM代碼 這樣就獲得了2段代碼,第一段代碼需要添加到網(wǎng)站上所有頁(yè)面的<head>部分中,第二部分需要添加到網(wǎng)站所有頁(yè)面的<body>部分中 接下來(lái)我們就來(lái)看一下,怎么分別把這2段代碼添加到Wordpress網(wǎng)站上 Wordress網(wǎng)站Google Tag Manager(以下簡(jiǎn)稱GTM)有2種方法: 直接添加GTM代碼 使用插件添加 下面分別介紹這2種操作方法 方法1:直接在網(wǎng)站上添加GTM代碼 1.打開(kāi)wordpress后臺(tái),打開(kāi)wordpress網(wǎng)站后臺(tái)都有一個(gè)主題編輯入口。 我用的主題,這個(gè)入口是在“外觀-主題編輯器”,也有很多主題,這個(gè)位置是在“主題-編輯”模塊,這個(gè)大家在自己的wp網(wǎng)站后臺(tái)找一下就好 2.在主題文件里找到頁(yè)眉文件(即網(wǎng)站header部分文件) 接下來(lái)將上面獲取的GTM的2段代碼分別復(fù)制到頁(yè)眉文件的<head>和<body>標(biāo)記中就可以了。 3.回到GTM頁(yè)面,<head>代碼右上角圖標(biāo),復(fù)制代碼 4.回到wordpress網(wǎng)站頁(yè)眉文件頁(yè)面,如下圖所示,將代碼粘貼到<head>部分中 5.再到GTM頁(yè)面復(fù)制第二段代碼 6.回到網(wǎng)站后臺(tái)粘貼第二段代碼到<body>部分中 然后點(diǎn)擊更新文件 更新完成后,GTM代碼也就安裝完成了。 7.要測(cè)試是否安裝成功,可以在谷歌瀏覽器安裝google tag assistant插件 https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=zh-CN 安裝插件后,打開(kāi)網(wǎng)站,然后點(diǎn)擊插件,如果插件如下圖顯示綠色Google Tag Manager,就說(shuō)明我們的GTM安裝成功了。 以上方法是直接在主題代碼里進(jìn)行編輯的,操作時(shí)要小心,不要?jiǎng)拥狡渌拇a,以免導(dǎo)致網(wǎng)站出錯(cuò)。 如果擔(dān)心自己直接編輯主題代碼出問(wèn)題,也可以用插件來(lái)安裝 方法2:用插件安裝GTM代碼 有2類插件可以用來(lái)給wordpress安裝GTM: 1.專門添加GTM代碼的插件 如Google Tag Manager for WordPress 2.協(xié)助給wordpress網(wǎng)站head, body等文件添加代碼的插件 直接搜索可以找到很多這樣的插件 采用第一種只能安裝GTM,第二種則除了安裝GTM,還可以添加其他的代碼,所以我選擇的是第二類插件。 在第二類插件中選一個(gè)安裝次數(shù)多,評(píng)價(jià)高且評(píng)價(jià)次數(shù)多的就可以,我用的是截圖中“頁(yè)眉、頁(yè)腳和文章注入”插件 a.將插件安裝并啟用 b.啟用后在我wp后臺(tái)設(shè)置下出現(xiàn)了”Header and Footer”,點(diǎn)擊這個(gè)選項(xiàng)進(jìn)入代碼設(shè)置頁(yè)面 c.將GTM的2段代碼分別安裝到以下對(duì)應(yīng)的<head>與<body>位置 d.點(diǎn)擊保存就安裝完成了 e.使用谷歌瀏覽器插件Google Tag Assistant檢測(cè)GTM代碼,這個(gè)時(shí)候顯示為綠色即為安裝成功了。 以上就是給wordpress網(wǎng)站安裝GTM代碼的2種方法,大家隨便任意選擇一種方法用即可。 PS:文章中演示完第一種方法,將安裝的代碼刪除后,又用插件演示的第二種方法,大家也注意只選擇一種方法就可以,不要重復(fù)安裝代碼,以免沖突。
文章為作者獨(dú)立觀點(diǎn),不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有,如需轉(zhuǎn)載,請(qǐng)聯(lián)系作者 )

網(wǎng)站運(yùn)營(yíng)至今,離不開(kāi)小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接,特地開(kāi)通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神,不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧,更有一些資源收藏愛(ài)好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以掃碼進(jìn)群,備注【加群】。 ( 群完全免費(fèi),不廣告不賣課!)