Google好學堂-Google Analytics (分析)

by notalknote
發布日期: 更新日期: 79 觀看次數

Google Analytics (分析) 4

精通代碼的運用方式

熟悉網站代碼的世界

代碼是什麼?

代碼是各項評估的基礎,無論是轉換追蹤、歸因分析或成效增幅研究,均須仰賴代碼執行。廣告客戶可透過代碼取得各類廣告成效數據,諸如網站造訪次數及投資報酬率。

那麼,代碼究竟是什麼呢?代碼又稱像素或程式碼片段,是網頁上的一小段程式碼。當使用者在網頁上完成廣告客戶重視的特定動作時 (例如把產品加入購物車),就會觸發代碼,進而讓廣告客戶瞭解使用者在網頁上做了什麼。

代碼設定對評估的重要性

舉凡廣告瀏覽、網站造訪、下載和購買,各種評估數據都可透過代碼取得。各種 Google 評估解決方案都透過代碼記錄使用者的活動歷程,例如 Google Analytics (分析)。有效運作的代碼可提供用來改善廣告決策的所需資訊。

準確評估媒體價值: 觀察哪些廣告活動的投資報酬率最高,然後將行銷預算挪至最有效的媒體。

提升網站流暢度 : 減少使用者的操作阻礙,並去除不便之處,盡可能增進網站的轉換成效。

找出最有價值的使用者: 找出哪些目標對象最有利於業務成長

廣告客戶在解讀這項關鍵資訊時,如要盡可能提高準確度,就必須將評估策略奠基在有效的代碼上。但在開始探討如何有效設定代碼之前,先來看看代碼運作不當會有什麼後果。

代碼出錯

想要洞燭機先,就必須正確設定網站代碼,然而代碼運作錯誤的案例層出不窮,若以不當的方式導入代碼,就會收到錯誤的廣告評估數據。

一看就知道的數據錯誤

如果轉換率太高或低得離譜,一眼就能察覺問題。

難以察覺的數據錯誤

如果廣告活動很成功,但代碼回傳的結果卻差強人意,這時便可能會低估廣告活動的成效,而捨棄了有效的策略;反過來說,代碼浮報數據時,則可能會在成效不彰的廣告上過度投資。

使用損壞的代碼還可能造成網站問題

導入方式不當的代碼可能會讓網站出現問題:

拖慢網站載入速度:如果同時觸發太多代碼,有可能會拖慢網站速度。

程式碼錯誤:代碼如果放錯位置,或是程式碼不正確,便有可能造成錯誤。

網站停止運作:代碼錯誤有時只會造成輕微損害,但也可能嚴重到讓網站全面癱瘓。

代碼術語

探討代碼時,必須先瞭解下列術語的含義和彼此間的關係,特別是代碼與 Cookie 的不同,以及第一方和第三方 Cookie 的差異。

代碼是網站程式碼中的部分片段,會根據指令記錄要用於評估的使用者動作,並產生 Cookie。舉例來說,每當使用者購買商品,conversion.js 這類轉換標記就有可能會產生 Cookie。由於 JavaScript 是最常見的代碼編寫語言,因此代碼名稱的結尾通常會是「.js」。

Cookie 是使用者造訪網站時產生的小型文字檔,會記錄不重複使用者如何與發出 Cookie 的網站互動。第一方與第三方 Cookie 的主要差異在於產生與儲存的方式。

第三方 Cookie 是使用者造訪網站時,由其他網域產生及儲存的檔案。一直以來,如要在廣告客戶網站之外的網頁上記錄評估或行銷資料 (例如再行銷),就會使用第三方 Cookie。由於隱私權制度不斷變動,這項工具的可靠性也越來越低。

第一方 Cookie 由使用者造訪的網站產生及儲存,過去主要用於增進網站上的使用者體驗,例如保持使用者的登入狀態,以及記住他們放入購物車的商品。由於第一方 Cookie 較為可靠,因此廣受近期推出的系統採用。

隨堂測驗

導入完善的代碼策略可帶來下列哪三項好處?

可精準掌握廣告活動的投資報酬率

能取得準確的目標對象報表

能有效最佳化網站

可使用不同的廣告格式

如要精準掌握廣告活動的投資報酬率、有效最佳化網站,以及取得準確的目標對象報表,就必須執行有效的代碼策略。

下列各項敘述分別是指哪個代碼術語?

指定要記錄哪些資訊的網站程式碼片段/代碼/代碼是指定 Cookie 要記錄哪些資訊的網站程式碼片段

由使用者造訪的網站產生及儲存的文字檔/第一方 Cookie/第一方 Cookie 是儲存於使用者造訪網站的文字檔。

由使用者造訪網站以外的網域產生及儲存的文字檔/第三方 Cookie/第三方 Cookie 是儲存於使用者瀏覽器的文字檔

不斷變化的代碼生態系統

健全的代碼策略向來是精準評估廣告成效的關鍵,現在則因代碼系統的不斷改變而更加重要。新的標準與法規問世,就代表企業必須隨之調整才能與時俱進。

瀏覽器上的改變

對第三方 Cookie 推出新的限制,表示傳統的評估方法已無法準確評估許多常用瀏覽器上的轉換數據。

法規變革

新法規影響了資料的收集與使用方式。

這意謂著什麼?

瀏覽器上的改變與新法規的問世有兩項重要意義:

以第三方 Cookie 評估及觸及使用者的傳統方法會越來越受侷限,其所產生的評估結果可靠度也會日漸降低。

企業必須進一步瞭解及掌控第三方代碼,才能妥善因應這些變化。

這對評估有什麼影響?

企業若無法因應這波局勢變化,可能會有落後的風險。

轉換評估

代碼若無法正確記錄轉換,會導致轉換資料變得不可靠。

再行銷

沒有正確的轉換資料,再行銷工具就無法根據轉換情形,建立正確的使用者名單或目標對象。

最佳化

出價最佳化工具無法根據最具轉換效果的項目,調整廣告或廣告活動。

預算管理

無法以最能提升投資報酬率的方式,調整或分配預算。

歸因分析

歸因工具無法分析出行銷組合中的哪項元素最具轉換成效,或是最能促成所需動作。

成效增幅

成效增幅實驗無法準確比較群組間的差異。

代碼有問題,評估上也會出現差錯。代碼有如房子的根基,設定不當便會牽一髮動全身,影響評估分析資料的可靠性。

動態代碼是最佳幫手!

Google 建議所有廣告客戶採用全網站動態代碼來避免上述各種評估問題。這種新型代碼能更準確地記錄轉換數據,且可根據你的所有網頁,指出哪一種行銷方式及使用者體驗最具成效,

動態代碼有何特別之處?

動態代碼設置的是第一方 Cookie

動態代碼對網站的每個網頁都有效。

動態代碼的功效

Google 的動態代碼解決方案有助於提升網站的效能與安全性,且可為瀏覽器與法規上的變化提供周全的因應之道。動態代碼是 Google 的第一方解決方案,能讓你全面管理自己的評估策略。

更可靠的轉換追蹤

動態代碼解決方案採用第一方技術,可確保各種 Google 產品都能更準確地評估轉換。精準的轉換追蹤是產生可靠分析資訊的第一步。

安全性更高

動態代碼解決方案採用第一方解決方案,符合網際網路隱私權標準,可有效提升安全性。

著眼未來

動態代碼解決方案可幫助你因應未來變化,還能享有日後推出的 Google 最新動態功能與整合服務,當瀏覽器處理 Cookie 的方式改變時,更能有效應對。

重點整理

符合當今潮流的健全代碼策略,是精準評估廣告成效的關鍵

不斷變化的網際網路生態系統,使得仰賴第三方 Cookie 的傳統代碼格式越來越不可靠。

Google 推出的動態代碼解決方案不但更值得信賴,還能因應未來變化,建議所有的廣告客戶都考慮採用 Google 的動態代碼解決方案。

學以致用

你是某家新興企業的執行長,和行銷經理杰明聊起了動態代碼的話題。他說:「我們這幾年來都使用相同的代碼,從來也沒遇到問題。為何要改用新的工具?」

你在回應時應該要提出哪三項論點,成功說服杰明動態代碼是所有廣告客戶都應採用的工具。

動態代碼採用第三方 Cookie,因此更為安全。

動態代碼的轉換數據更準確。資料錯誤有時並不明顯,可能會產生不易察覺的評估問題。

動態代碼是能因應未來的代碼解決方案。

動態代碼可以改善網站的速度與效能。


探索 Google 的動態代碼解決方案

在網站上導入代碼的方式很多,但 Google 建議廣告客戶擇一使用這兩種動態代碼解決方案:使用 Google 代碼管理工具,或手動部署全域網站代碼。

不斷成長的企業

原先 Google 的各項產品必須分別搭配不同類型的代碼運作。讓我們看看,隨著企業不斷成長,這可能會衍生出哪些狀況。

他在建置網站後,設立了一個 Google Ads 帳戶、製作了第一則廣告,並設定了轉換追蹤。

大華將 Google Ads 帳戶中的代碼 (conversion.js) 複製到網站的不同頁面上,並指定了各個頁面要追蹤的轉換類型。初期一切都很順利!

一段時間後,大華的業務有了顯著成長,購買產品的客戶遍及世界各地。由於團隊陣容和客群規模擴大不少,因此他決定加強評估策略,並為自家網站設定 Google Analytics (分析)。

但是 Google Analytics (分析) 使用的代碼和 Google Ads 不同,因此他必須在網站的所有頁面上部署新代碼 (analytics.js)。

大華知道在網站上新增代碼是一項繁複的作業,要有網站開發經驗才能勝任。

如果代碼變更不當,可能會導致網站運作異常。因此,大華僱用了開發人員將 analytics.js 代碼加入公司網站的各個頁面上。

大華的事業持續成長。他決定開始使用 Google Marketing Platform 的 Display & Video 360,充分運用其中的自動出價和全方位廣告活動管理等功能。但是這套系統必須使用新型代碼,也就是 Floodlight 代碼。因此,他必須再次聘僱開發人員,在網站上加入另一種代碼。

這種設定方式有什麼問題?

大華目前的評估策略採用三種不同的代碼,但這些代碼只能分別和 Google Ads、Google Analytics (分析) 及 Display & Video 360 搭配運作。

而且大華日後若要調整任何一種代碼,都必須再度聘用網站開發人員,否則他就必須精進編碼技術,以正確的方式編輯代碼,避免網站運作異常。

這樣的設定方式相當複雜,而且容易出錯。

更新代碼是一項繁複的工作,要有相關的開發技能才能勝任。

如果代碼設定不當,網站可能會受到影響,致使頁面載入時間過長。

如果新增或編輯代碼的方式有誤,則可能造成網站運作異常。

由於編輯代碼並非易事,因此許多網站仍延用舊版代碼,然而這些代碼已無法有效運作,導致評估結果有失準確。

採用動態代碼來簡化作業

Google 為解決這些問題,推出了動態代碼解決方案。Google 動態代碼可將相同的代碼部署到網站的所有頁面上,還能與所有的 Google 產品搭配運作,包括 Google Ads、Google Analytics (分析) 以及所有的 Google Marketing Platform 廣告產品。無論使用哪種評估工具,所有代碼的運作模式都相同。

動態代碼解決方案可整合各種 Google 代碼,包括:

Google Ads

Google Analytics (分析)

Google Marketing Platform 廣告產品

動態代碼的其他優點

動態代碼不僅能以更快速簡單的方式,與多種 Google 評估解決方案整合,還可省去使用多種舊版代碼 (例如 conversion.js 和 ga.js ) 的麻煩。動態代碼比以往的代碼解決方案更安全、更準確,且較具前瞻性。這是因為動態代碼解決方案產生的第一方 Cookie,更能因應瀏覽器和法規上的變動。

更安全: 動態代碼解決方案遵循網際網路隱私標準,安全性優於舊版代碼。

更準確的轉換追蹤: 由於動態代碼採用的不是第三方 Cookie,所以不會因瀏覽器和法規上的變動而錯失轉換資料,轉換追蹤的準確度也因此更高。

能因應未來變化的代碼: 動態代碼能更妥善地因應隱私和瀏覽器生態系統中的各種變化。此外,動態代碼也是新推出和開發中 Google 產品和主要功能的必備要件。

Google 動態代碼解決方案

Google 提供兩種動態代碼解決方案:

Google 代碼管理工具

全域網站代碼,又稱為 gtag.js

這兩種解決方案同樣都具備第一方優勢,以及更可靠的轉換追蹤結果,只需導入一次,就能用於 Google 的各種廣告及分析產品中。

我們建議大多數的廣告客戶,使用 Google 代碼管理工具來部署動態代碼;不過有些廣告客戶可能會選擇在網站上手動部署全域網站代碼。稍後我們會討論各種解決方案的優點。

隨堂測驗

動態代碼具備下列哪三項優點?

能提升轉換追蹤的準確度。

適用於 Google Ads、Google Analytics (分析) 和 Google Marketing Platform

可因應生態系統中的變化。

可還原第三方 Cookie。

使用 Google 代碼管理工具導入代碼的優點

Google 代碼管理工具是一種簡單易用的代碼管理解決方案,不僅能提升新增及更新網站代碼的效率,進一步提供更詳細的轉換資料、網站分析及其他資訊,而且沒有網站開發經驗也能上手。

Google 代碼管理工具使用和 gtag.js 相同的後端基礎架構,可讓你透過單一使用者介面集中管理數個基礎架構中的代碼,而且還能免費使用!

設定代碼更簡單

完成 Google 代碼管理工具的設定後,即可透過網頁介面管理所有代碼,也就是說過程中完全無需自行編碼,不僅更新方式更加簡單,而且不熟悉 JavaScript 編碼作業的人也能輕鬆上手。

適用於 Google 和非 Google 代碼

無論廣告在何處放送,Google 代碼管理工具都能滿足你的代碼設定需求。

管理所有 Google 代碼

Google 代碼管理工具適用於所有 Google 代碼,包括舊版代碼和 Firebase。

適用於其他各種非 Google 代碼

Google 代碼管理工具也適用於非 Google 代碼,因此無論廣告放送於其他哪個平台,Google 代碼管理工具都能滿足你的代碼設定需求。

提供代碼範本

Google 代碼管理工具提供兩種可直接使用的代碼庫。

內建代碼範本

Google 代碼管理工具提供預建代碼「範本」庫,建議盡量使用。這些範本可完美搭配 Google 產品運作,因此使用這些範本是導入 Google 代碼最簡單的方式。

若已使用 Google 代碼管理工具,不需具備網站開發經驗也能導入這些範本;對於許多廣告客戶而言,這些範本已能滿足所有需求。

社群代碼範本

在 Google 代碼管理工具的範本庫中探索社群成員建立的代碼。導入這些範本同樣不需網站開發經驗。

更靈活地自訂代碼

Google 代碼管理工具不僅提供可直接使用的代碼範本,還能用來建立自訂代碼。

自訂代碼

如果要評估的項目不在 Google 的代碼範本中,或是想進一步控制代碼的運作方式,請自行建立代碼。自訂代碼的運作模式就如同可輸入程式碼的「沙箱」。

選擇要評估的動作

此外還能根據需求在網站上自訂評估項目。過程中不必建立自訂程式碼,只需選擇觸發代碼的動作即可,例如點擊、捲動、播放影片及提交表單。

套用前的代碼測試

Google 代碼管理工具提供數項工具,可讓你在部署代碼前安全地進行測試。

預覽及偵錯

使用「預覽」和「偵錯」面板在模擬環境中測試及部署代碼。

發布記錄:版本

Google 代碼管理工具會記錄發布版本,方便你回復所做的變更、瀏覽先前的版本,以及監控網站代碼的任何變動。

手動部署全域網站代碼的優點

手動部署全域網站代碼是最基本的轉換代碼解決方案。如果符合以下情形,可考慮使用這種方法:

你是網站開發人員,且傾向於直接在網站程式碼中自行編寫代碼,而非透過介面部署。

你沒有時間或資源來發展代碼管理系統。

你只計劃在網站上設定一些簡單的代碼,且不打算經常編輯或部署新代碼。

總覽:Google 代碼管理工具 vs. Google 全域網站代碼

全域網站代碼:適用於所有 Google 代碼 可讓你直接在網站上編寫 JavaScript 來管理代碼

Google 代碼管理工具:適用於所有 Google 代碼 適用於非 Google 代碼 可讓你透過單一介面集中管理代碼

隨堂測驗

下列哪兩項有關 Google 代碼管理工具的敘述是正確的?

僅適用於 Google 代碼

這是適合長期採用的最佳代碼策略,因為需要持續投注的技術資源較少。

可讓你透過單一介面修改所有代碼。

使用者只需支付少許費用即可存取平台。

Google 代碼管理工具:

使用者可透過介面修改代碼

適用於 Google 和非 Google 代碼

是適合長期採用的代碼策略,因為長遠看來所需的資源較少

可免費使用

重點整理

Google 建議所有廣告客戶採用動態代碼,無論是使用 Google 代碼管理工具,或手動部署 gtag.js 至網站的每個網頁中。

Google 代碼管理工具能讓廣告客戶透過單一使用者介面編輯和部署代碼,包括非 Google 代碼。

如果廣告客戶傾向於自行編輯所有代碼,或沒有時間學習如何使用代碼管理系統,手動部署 gtag.js 是理想的解決方案。

學以致用

正確回答這道問題即可完成本單元。

以下各項分別是哪一種代碼解決方案的特色?

Google 代碼管理工具和 gtag.js

是第一方動態代碼解決方案

適用於所有 Google 代碼

僅限於 Google 代碼管理工具

可透過網頁介面部署及更新代碼

適用於非 Google 代碼

僅限於手動部署 gtag.js

可透過直接編輯網站程式碼的方式,手動部署及更新代碼


找出最符合業務性質的代碼解決方案

代碼策略的實務應用

瀏覽下方案例,瞭解適合不同公司的代碼解決方案。

成長中公司的CEO

曉蕾從未在自家網站中加入代碼。

她目前使用 Google Ads。

團隊規模較小,沒有任何網站開發人員。

現階段,她想要採取簡單的代碼策略,日後再隨業務成長擴展策略。

她願意花點時間,提前規劃出長期下來可節省時間和資源的解決方案。

曉蕾可撥出時間進行規劃,因此應立即開始使用 Google 代碼管理工具,她現在可以使用 Google Ads 範本開始評估轉換,同時也能及早準備,在日後業務成長時,輕鬆擴展評估策略。

廣告代理商業務專員

小路剛接手一個線上零售商的大型帳戶。

客戶以硬式編碼的方式加入網站代碼。

客戶帳戶中有 Google 和其他平台的廣告與代碼。

客戶網站上的部分代碼為舊版代碼 (analytics.js、conversion.js)。

小路需要可輕鬆加入和更新代碼的工具,以便進行長期管理。

由於小路需要變更客戶網站上的舊版代碼,因此應改用 Google 代碼管理工具。他還應該將目前客戶網站上所有的 Google 與非 Google 代碼遷移至 Google 代碼管理工具。

恩杰的公司採用硬式編碼的方式,設定了特殊規格的非標準代碼。

公司有專門負責管理網站代碼的網站開發團隊。

他想保留自訂設定,並在不需透過其他介面的情況下,繼續在網站上直接加入代碼。

公司網站上已部署一些舊版代碼,像是 conversion.js。

他們目前沒有使用,也不打算使用任何非 Google 代碼。

如果恩杰希望保留現有的硬式編碼代碼系統,且擁有精通 JavaScript 的開發團隊,就不需改用代碼管理系統。

不過他的代碼系統必須加以調整,才能和全域網站代碼搭配運作。他應該要將 gtag.js 代碼部署至網站的所有網頁 中,並替換現有代碼,使其與全域網站代碼相容。

希望銷售範圍能夠擴及超級市場

阿雅目前使用 Google 代碼管理工具中的代碼範本。

她的網站上還有數個以硬式編碼方式直接加入的自訂代碼,像是 conversion.js 和 analytics.js。

阿雅應該繼續使用既有的 Google 代碼管理工具,並確認目前範本庫中,是否有適用於舊版轉換和 Analytics (分析) 代碼的代碼範本,但若需更多自訂空間,則應使用自訂代碼在 Google 代碼管理工具介面中建立代碼。

阿雅在 Google 代碼管理工具中設定好代碼後,必須刪除網站上的所有舊版代碼。

阿羅的公司採用非 Google 推出的代碼管理系統。

他們使用這個代碼管理系統好幾年了,且目前使用 Google 舊版代碼及非 Google 代碼。

阿羅可以繼續使用目前的代碼管理系統,但應參考該系統的說明中心,找出將舊版 Google 代碼轉換為全域網站代碼的最佳方式。他應該要知道,有些非 Google 代碼管理系統導入 gtag.js 代碼的方式較為繁複,因此應調整代碼管理系統,確保全域網站代碼能正確部署。

艾亞使用以範本為基礎的網站建立工具來打造時尚網誌。

她想要開始為網站加入代碼,更準確地評估使用者參與度。

各個網站建立工具和內容管理系統供應商,都有不同的網站建立方式和代碼導入方法,因此艾亞應參考供應商的說明中心,瞭解加入代碼的最佳做法。注意:有些供應商可支援 Google 代碼管理工具!

Google 代碼管理工具的使用者常見錯誤

沒有為網站的所有網頁加入代碼

請務必透過 Google 代碼管理工具代碼,為網站上的每個網頁加入代碼。如果漏掉任何網頁,轉換報表就無法顯示完整資料。

重複加入代碼

請勿留下任何 Google 代碼管理工具代碼之外、以硬式編碼方式加入網站的代碼。多餘的代碼會導致系統重複計算轉換。

將 gtag.js 做為自訂代碼部署

請勿在 Google 代碼管理工具介面中,將 gtag.js 做為自訂代碼部署。請直接採用 Google 代碼管理工具提供的 Google Ads、Analytics (分析) 和 Floodlight 專用原生代碼範本。

全域網站代碼使用者的常見錯誤

沒有為網站的所有網頁加入代碼

請務必在網站的所有網頁上加入 gtag.js 代碼。如果漏掉任何網頁,轉換報表就無法顯示完整資料。

保留舊版代碼

如果網站上還有舊版代碼 (conversion.js、analytics.js、ga.js),評估結果可能會有失準確。

程式碼片段錯誤

請務必複製並貼上正確的程式碼。漏掉或多出任何字元都會破壞程式碼,並導致代碼無法觸發。

非 Google 代碼管理系統的使用者常見錯誤

重複加入代碼

除了代碼管理系統的容器代碼外,請勿留下任何以硬式編碼方式加入網站的代碼。多餘的代碼會導致系統重複計算轉換。

代碼設定錯誤

使用非 Google 代碼管理系統時,可能需採取額外步驟才能正確設定 Google 代碼。代碼管理系統中的 Google 代碼設定不當,會導致報表資料錯誤。如需相關協助,請和該代碼管理系統的專員聯絡。

代碼是以舊版範本部署

如果是透過非 gtag.js 範本部署的代碼,必須部署新的 gtag.js 代碼並移除舊版代碼。如需相關協助,請和該代碼管理系統的專員聯絡。

提示

在選擇要導入的代碼時,請務必確認其可擷取要評估的動作。針對不重要的事件過度使用代碼會造成資料雜亂,而代碼不足則會遺漏重要事件,兩者都會降低評估策略的效力。

透過 Tag Assistant 驗證代碼

若你未定期檢查代碼,確保其運作正常,在錯誤發生時你可能完全沒有察覺。Tag Assistant 會在偵測到問題時立即發出通知。

無論你使用 Google 代碼管理工具,還是手動為網站加入代碼,Tag Assistant 的 Chrome 擴充功能都有助於排解相關問題。這項功能會自動驗證任何特定網頁上的 Google 代碼,確認代碼是否導入正確,且適用於所有 Google 代碼,包括舊版代碼及動態代碼。

使用 Tag Assistant 的好處

Tag Assistant 能夠

檢查代碼:查看網站上有哪些代碼。

驗證代碼:確保代碼與事件匹配,且能擷取正確的資料,順利達成貴公司的 KPI。

監控代碼:使用 Tag Assistant 來瞭解哪些代碼損壞或無法觸發。

Tag Assistant 的運作方式

安裝 Tag Assistant 擴充功能後,在目前瀏覽的網頁上會出現一個顯示代碼狀態的圖示。該圖示會顯示偵測到的代碼與問題數量、問題內容,以及有助於解決問題的相關說明文件連結。

此外,Tag Assistant 會適時提供改善代碼的建議。舉例來說,如果 Tag Assistant 發現網站上的 Analytics (分析) 代碼過舊,就會建議更新代碼

隨堂測驗

大華第一次下載 Tag Assistant。這項 Chrome 擴充功能會透過哪三種方式協助他改善代碼策略?

Tag Assistant 能驗證大華的舊版代碼,並排解相關問題。

大華可透過 Tag Assistant 查看改善建議,找出哪些運作中的代碼需要更新。

大華可透過 Tag Assistant 介面部署及更新代碼。

Tag Assistant 能驗證大華的動態代碼,並排解相關問題。

Tag Assistant 能驗證動態代碼和舊版代碼,並排解代碼相關問題。Tag Assistant 也會提供改善建議,協助你更新較舊的代碼。

Tag Assistant 無法用來編輯代碼。Google 代碼管理工具是唯一提供代碼編輯介面的 Google 工具

邁出第一步,開始管理網站代碼

如何開始使用 Google 代碼管理工具

如果決定開始使用 Google 代碼管理工具,且是第一次為網站導入代碼,請依照下列步驟操作:

建立 Google 代碼管理工具帳戶。

使用 Google 代碼管理工具容器片段為網站加入代碼。

在 Google 代碼管理工具中設定各個要使用的代碼。

安裝 Tag Assistant,確保代碼設定正確。

如何切換至 Google 代碼管理工具

如果決定不再手動導入代碼,並改用 Google 代碼管理工具,請依照下列步驟操作:

檢查代碼,找出目前所評估的動作及準備要加入的項目。請務必確保代碼能擷取要評估的重要動作。

建立 Google 代碼管理工具帳戶。

使用 Google 代碼管理工具的容器片段為網站加入代碼。

在 Google 代碼管理工具中,設定各個要開始或繼續使用的代碼。

安裝 Tag Assistant,確保代碼設定正確。

刪除舊版代碼 (注意:若過去使用 Google Analytics (分析) 專用的 analytics.js 代碼,請參考這份指南,瞭解如何更新代碼設定)。

如何開始手動部署全域網站代碼

如果決定手動部署全域網站代碼,且是第一次為網站導入代碼,請依照下列步驟操作:

前往 Analytics (分析) 或 Google Ads,並複製全域網站代碼。

在網站的各個網頁中,將全域網站代碼貼在 <head> 和 </head> 代碼之間。

在 Analytics (分析) 或 Google Ads 中產生事件程式碼片段,並貼在 <head> 和 </head> 代碼之間,緊接在全域網站代碼後面。

安裝 Tag Assistant,確保代碼設定正確。

刪除舊版代碼 (注意:若過去使用 Google Analytics (分析) 專用的 analytics.js 代碼,請參考這份指南,瞭解如何更新代碼設定)。

如何改以手動方式部署全域網站代碼

如果決定不再使用舊版代碼,改以手動方式為網站導入 gtag.js 代碼,請依照下列步驟操作:

檢查代碼,找出目前所評估的動作及準備要加入的項目。請務必確保代碼能擷取要評估的重要動作。

前往 Analytics (分析) 或 Google Ads,並複製全域網站代碼。

在網站的各個網頁中,將全域網站代碼貼在 <head> 和 </head> 代碼之間。

在 Analytics (分析) 或 Google Ads 中產生事件程式碼片段,並貼在 <head> 和 </head> 代碼之間,緊接在全域網站代碼後面。

安裝 Tag Assistant,確保代碼設定正確。

刪除舊版代碼 (注意:若過去使用 Google Analytics (分析) 專用的 analytics.js 代碼,請參考這份指南,瞭解如何更新代碼設定)。

重點整理

開始使用動態代碼後,請務必避免常見錯誤,例如未在網站中的所有網頁導入代碼,或是重複加入代碼。

無論採用哪種代碼解決方案,都請使用 Tag Assistant 來驗證代碼。

學以致用

小裕五年前為自家圖書銷售公司製作網站後,就再也沒有更新。她現在想為公司進行品牌重塑,並將網站全面升級。

網站目前使用幾個舊版 Google 代碼。

她希望能隨業務成長,在評估報表中加入更多資料。

保留網站目前的代碼設定,並使用 Google 代碼管理工具為新增的網頁加入代碼。

使用 Google 代碼管理工具,讓日後的代碼管理作業更具彈性。

保留現有代碼,因為目前的評估策略仍然可行,而且除非網站停止運作,否則變更現有代碼沒有好處。

手動部署 gtag.js 代碼,因為她的網站只使用 Google 代碼。

小裕應該使用 Google 代碼管理工具,因為這項工具能讓日後的代碼管理作業更具彈性。她可以透過 Google 代碼管理工具,更輕鬆地加入代碼 (包括非 Google 代碼),而且還能隨業務成長進行編輯。小裕應在網站的所有網頁上使用 Google 代碼管理工具,讓動態代碼發揮優勢。

相關文章

留言

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. 接受 閱讀更多