一般最佳做法

將 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,會導致瀏覽器開啟額外不必要的網路連線,進而減緩廣告載入速度。

為協助發布商遵守法規,GPT 可透過標準網址載入,並使用 crossorigin="anonymous" 屬性,避免系統透過指令碼要求傳送 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 的發布商廣告稽核:以靜態方式載入廣告程式」稽核說明文件。

以非同步方式載入 GPT

在 <script> 標記中加入 async 關鍵字,如「開始使用 Google 發布商廣告代碼」一文所述。這會指示瀏覽器與其他資源和網頁內容並行載入 GPT 程式庫,而不是在指令碼載入完成前阻擋執行作業。

詳情請參閱「針對 Lighthouse 的發布商廣告稽核」非同步載入廣告代碼稽核說明文件。

安全載入 GPT

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

詳情請參閱「針對 Lighthouse 的發布商廣告稽核」說明文件,瞭解如何透過 HTTPS 載入廣告代碼從建議的主機載入 GPT

實踐良好的網頁效能

雖然本指南的最佳做法著重於改善 GPT 整合,但網頁的整體成效也受到許多其他因素影響。在網站上進行變更時 (尤其是根據廣泛的最佳化建議進行變更,例如本指南中的建議),請務必評估這些變更對網頁各方面成效的影響。建議您定期執行 LighthousePublisher Ads Audits for Lighthouse 等工具,找出並解決效能問題,並為網站找到適當的最佳化平衡。