一般最佳做法

將 Google 發布商廣告代碼 (GPT) 程式庫整合到網站的方法很多,與整合任何其他第三方指令碼相同。不過,使用 GPT 時,有一些獨特的功能需要考量,以確保廣告空間發揮最大效益,在不影響網站效能的情況下。畢竟,快速廣告至關重要

以下是您在進行自己的整合時,應牢記的一些最佳做法。

從官方來源載入 GPT

請務必從官方來源要求 GPT 程式庫:

整合類型 網址
標準 https://securepubads.g.doubleclick.net/tag/js/gpt.js
少量廣告 https://pagead2.googlesyndication.com/tag/js/gpt.js

請勿提供 gpt.js、pubads_impl.js 的版本,或是應用程式從您自己的伺服器載入的任何程式庫,或從非官方來源載入這些程式庫。

使用本機快取版本的 GPT 不一定能在較新版本的瀏覽器或作業系統中運作,而且可能無法進行更新,以提供新功能和改善項目。舊版的 GPT 程式庫隨時都可能停用,如果您的廣告代碼停止放送廣告,可能會導致廣告收益損失。

這也適用於服務工作站。如果您使用服務工作站來快取或修改網站發出的 HTTP 要求回應,請在處理 gpt.js 的要求時使用「僅限網路」策略,以便擷取最新版本。

提早載入 GPT

GPT 程式庫 (gpt.js) 僅含載入廣告所需的一小部分程式碼。大多數程式碼包含在獨立的檔案 (例如 pubads_impl_XX.js) 中,並由 gpt.js 視需要載入。

只要盡早載入核心 GPT 程式庫,這些相依指令碼也能提早載入。這樣做可避免因為擷取這些指令碼 (未快取) 造成任何額外延遲,並加快廣告載入速度。這些因素都會減少顯示第一個廣告指標的時間,進而提高廣告的可視度。

視情況使用預先載入功能

有時您可能無法直接控制 GPT 的載入時機或方式。舉例來說,使用第三方廣告指令碼代您載入 GPT 時。在這種情況下,適合預先載入 gpt.js 的要求。預先載入要求可指示瀏覽器立即下載對載入網頁至關重要的指定資產。如果指定的資產是 JavaScript 檔案,系統會立即擷取指令碼內容,但會延後執行作業,直到需要指令碼為止。

標準整合的預先載入要求範例

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

受限制廣告整合的預先載入要求示例

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

在預先算繪網頁上使用 GPT

預先算繪會指示瀏覽器預先下載並轉譯使用者尚未要求但可能會造訪的網頁。在預先算繪的網頁上載入時,GPT 程式庫只會在網頁可見時請求廣告。

靜態載入 GPT

請避免以動態方式將 GPT 程式庫插入網頁中,或是從外部指令碼載入。請改為在網頁的 <head> 中靜態載入程式庫,如「開始使用 Google 發布商廣告代碼」一文所示。以免其他資源延遲擷取和載入 GPT 程式庫,進而延遲廣告載入。

詳情請參閱 Publisher Ads Audits for Lighthouse 有關靜態載入廣告指令碼稽核說明文件。

非同步載入 GPT

請按照「開始使用 Google 發布商廣告代碼」一文的說明,在指令碼代碼定義中加入 async 關鍵字。這會指示瀏覽器同時載入 GPT 程式庫與其他資源和網頁內容,不要在指令碼載入完成之前封鎖執行作業。

詳情請參閱 Publisher Ads Audits for Lighthouse 有關以非同步方式載入廣告代碼稽核說明文件。

安全載入 GPT

一律透過 HTTPS 載入 GPT 程式庫,如「開始使用 Google 發布商廣告代碼」一文所述。這不僅可為使用者提供更優質的安全性,也能改善效能。由於 GPT 發出的廣告請求一律使用 HTTPS,因此透過 HTTPS 自行載入程式庫,可確保瀏覽器只需針對所有廣告放送相關請求開啟 1 個連線。

詳情請參閱 Publisher Ads Audits for Lighthouse 透過 HTTPS 載入廣告代碼從建議的主機載入 GPT 稽核說明文件。

練習提升網頁效能

雖然本指南中的最佳做法著重於最佳化 GPT 整合工作,但許多其他因素也會影響網頁的整體成效。修改網站時 (特別是根據本指南採取的各項建議調整的網站) 時,請務必評估這些變更對網頁成效各層面的影響。建議您定期執行 LighthousePublisher Ads Audits for Lighthouse 等工具,以便找出並解決效能問題,為網站找出最佳平衡點。