一般最佳做法

將 Google 發布商廣告代碼 (GPT) 程式庫整合至網站的方式,與整合任何其他第三方指令碼相同。不過,使用 GPT 時必須考量一些獨特層面,以便在盡量減少對網站效能影響的情況下,發揮廣告空間的最大效益。畢竟,快速廣告的重要性

以下各節將說明進行整合的最佳做法。

從官方來源載入 GPT

一律從官方來源請求 GPT 程式庫:

整合項目類型 指令碼標記
標準

包括已與歐洲 IAB 資訊公開和同意聲明架構整合的發布商。
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
受限制的廣告

適合想手動啟用受限制的廣告的發布商。
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

您只能在您要手動啟用受限制的廣告的網站上使用受限制的廣告網址。如未使用這項功能,從受限制的廣告網址請求 GPT 會導致瀏覽器開啟額外的不必要的網路連線,進而減緩廣告載入速度。

為了滿足發布商的法規遵循需求,系統可能會透過帶有 crossorigin="anonymous" 屬性的標準網址載入 GPT,避免 Cookie 與指令碼要求一起傳送。

不要放送 GPT 的快取版本

請勿提供 gpt.jspubads_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 程式庫,進而延遲廣告載入。

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

以非同步方式載入 GPT

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

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

安全載入 GPT

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

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

練習提升網頁效能

雖然本指南的最佳做法著重於最佳化 GPT 整合,但還有許多其他因素都能提升網頁的整體效能。對網站進行變更 (尤其是根據廣泛建議 (例如本指南中的建議) 做出的調整) 時,請務必評估這些變更對網頁效能各部分的影響。建議您定期執行 LighthousePublisher Ads Audits for Lighthouse 等工具,以找出並解決效能問題,並找出網站在最佳化時的平衡。