Ad Inserter 外掛教學:3 分鐘搞定 Google 廣告嵌入與追蹤碼安裝
Ad Inserter 是 WordPress 安裝數名列前茅的廣告與程式碼插入外掛,做法是用規則決定廣告出現在哪個頁面、哪個段落、哪種裝置,版位完全由你掌握。根據 Ad Inse…
Ad Inserter 是 WordPress 安裝數名列前茅的廣告與程式碼插入外掛,做法是用規則決定廣告出現在哪個頁面、哪個段落、哪種裝置,版位完全由你掌握。根據 Ad Inserter 官網的說明,預設提供 16 組廣告欄位,付費可擴充到 96 組,同一個外掛還能掛 GA4、GTM、Search Console 等追蹤碼,不必再多裝一個程式碼管理工具;如果你對這套工具還很陌生,先看過 Google Search Console 介紹 會更容易理解驗證碼為什麼要放進 head。
重點先看:Ad Inserter 內建 16 組廣告欄位(最多擴充至 96 組),搭配 Header/Footer 欄位可一次掛載廣告碼與分析追蹤碼,免去再多裝一個程式碼管理外掛。
很多站長申請過 Google AdSense 後,第一個遇到的痛點往往是「廣告到底要怎麼貼才會顯示、放哪才不傷閱讀體驗、追蹤碼能不能順便裝」。這三件事其實是同一件事:你需要一個能讓你用「規則」決定廣告出現位置的工具,把版位掌控權留在自己手上。如果你正在比較 WordPress 必裝外掛清單 裡的廣告類工具,這篇會直接給你從安裝到排錯的完整流程。
Ad Inserter 是什麼?為什麼 WordPress 站長都裝它
Ad Inserter 是 WordPress 安裝數名列前茅的廣告與程式碼插入外掛,做法是用規則把廣告或追蹤碼釘在指定頁面、段落與裝置上。它和 AdSense 自動廣告最大的差別,在於版位完全由你決定,不用再把決定權交給 Google 演算法。自動廣告的版位今天兩格、明天可能四格,這裡的版位則是你開幾組就幾組。
它的覆蓋範圍很廣。除了廣告碼欄位,還內建 Header 與 Footer 程式碼欄位,可以裝 GA4、GTM、Search Console、FB Pixel 等追蹤碼,這也是很多人從 WordPress 外掛安裝方法 一路找過來、最後選擇它的原因:一個外掛同時管廣告與追蹤,不用再多裝一個 Header Footer Code Manager。如果你的站還在起步階段,WordPress 架站新手教學 跑完之後,接著學放廣告是合理的下一步。
它支援的顯示頁面涵蓋文章、首頁、分類、靜態頁、搜尋頁、標籤頁,插入位置可以細到標題前後、段落前後、圖片前後。對齊可置左置中置右,可依裝置調整,跟 響應式網頁設計觀念 的 RWD 主題相容。這套「頁面維度+位置維度+裝置維度」三層條件可以任意組合,不必像某些外掛那樣寫一堆 if 判斷。
裝置維度之所以值得單獨設條件,是因為手機早已不是配角。2026 年第一季,行動裝置(不含平板)佔全球網站流量的 52.27% [來源:Statista〈Share of mobile web traffic worldwide quarterly 2015-2026〉 https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/ 2026-04-28],過半讀者從手機進站。Ad Inserter 能針對手機另開版位或關閉某些欄位,避免桌機版面塞太多廣告在窄螢幕上擠成一團,這對手機閱讀體驗與 Core Web Vitals 都有直接幫助。
把這些條件組合起來,Ad Inserter 提供的就是其他廣告外掛少見的「頁面維度+位置維度+裝置維度」三層任意組合,這也是它相對 Header Footer Code Manager 一類單純插碼工具的核心差距。
自動廣告還是手動廣告
如果你的網站內容結構穩定、你在意閱讀體驗與頁面速度,建議關閉 AdSense 自動廣告、改用 Ad Inserter 手動釘版位。自動廣告雖然省事,但會把廣告插進段落中間、蓋到內容,反而拉高跳出率、拖累 Core Web Vitals。真正的問題在於它把定價權交給了演算法。
這裡的關鍵判斷是:你的網站類型。內容型部落格因為版型單純、讀者預期明確,用手動廣告可以把版位釘在「對的段落」,例如文章結尾或第二段之後,降低跳出率提升排名 的同時還能保住收入。流量大、版型雜的站點則可以混用:保留少數自動廣告吃長尾版位,再用 Ad Inserter 補上關鍵版位(文章內、結尾)。想更了解自動廣告的整體運作,可以參考 Google AdSense 賺錢完整攻略。
自動廣告的「方便」是有代價的。根據 Google AdSense 官方說明,自動廣告的數量與位置由演算法決定,這代表同一個版面今天可能兩格、明天可能四格,廣告可能出現在段落中間打斷語意。這對強調內容體驗的站來說是負分。反觀手動廣告,你在 Ad Inserter 指定位置,可控、可量測,甚至可以 A/B 測試不同位置的收入差異。
| 比較項目 | AdSense 自動廣告 | Ad Inserter 手動廣告 |
|---|---|---|
| 版位決定權 | Google 演算法自動決定 | 站長自訂規則 |
| 廣告數量可控性 | 演算法動態調整,數量不固定 | 固定欄位數,可逐組開關 |
| 段落內插入 | 可能插在段落中間打斷語意 | 可指定段落前後,避免打斷 |
| 可量測性 | 難以單獨追蹤單一版位 | 每組欄位可獨立觀測與 A/B 測試 |
| 對 Core Web Vitals 影響 | 數量不固定,較易造成版面位移(CLS) | 可固定容器高度,位移可控 |
| 適合場景 | 流量大、版型雜的站點混用 | 內容型部落格、在意體驗的站 |
換個角度想,自動或手動,本質上問的是你願不願意讓版位的定價權留在自己手裡。多數剛起步的內容站建議先走全手動,跑一兩個月就能看出哪些版位帶點擊、哪些只是佔位;等流量與資料累積到位、確認哪些版位真的有效,再考慮局部混用自動廣告吃邊角版位,比起一開始就把全部版位交給演算法,收入和體驗都比較穩。Core Web Vitals 受廣告影響這件事,Google web.dev 官方文件對 LCP、INP、CLS 等指標與廣告載入的關係有正式說明。
用決策象限判斷站型與配置
要快速判斷自己的站該全手動、全自動還是混用,可以把「內容版型是否單純」和「月流量規模」當成兩個軸,畫出四個象限。版型單純指文章結構一致、欄位固定(典型的深度長文或教學文);版型雜則指首頁、分類、商品頁、文章混在一起,讀者停留在每種頁面的目的不同。流量規模的門檻設在每月幾萬工作階段,因為這個量級才有足夠樣本讓 A/B 測試產生統計意義。
| 站型象限 | 版型 | 流量 | 建議配置 | 理由 |
|---|---|---|---|---|
| 象限一 | 單純長文 | 小 | 全手動 Ad Inserter | 樣本不足做 A/B,固定幾個版位即可,體驗優先 |
| 象限二 | 單純長文 | 大 | 手動為主+關鍵版位 A/B | 有樣本測試第二段、結尾、側欄哪組最賺,數據驅動 |
| 象限三 | 版型混雜 | 小 | 手動+極少自動 | 自動廣告吃邊角頁,主力版位仍手動釘 |
| 象限四 | 版型混雜 | 大 | 混用,主力版位手動、長尾交自動 | 規模大才能撐住自動廣告的不確定性,靠手動鎖住核心版位 |
象限二是最該認真經營 Ad Inserter 的類型。長文站讀者停留時間長、捲動深度夠,廣告的曝光機會本來就集中在文章中段與結尾。把第二段之後、文章結尾、側欄置頂這三個位置當成固定版位,再用 GA4 的事件資料或 AdSense 報表比對哪一組帶來最多有效曝光,就能逐步把表現差的版位移掉。廣告的本質是可量測的資產,重點在精準配置,塞好塞滿從來不是目標。
排名與點擊的關連也會回頭影響廣告策略。Google 搜尋結果第一名平均拿到 27.6% 的點擊率,前三名合計拿走 54.4% 的點擊 [來源:Backlinko〈Google CTR Stats: We Analyzed 4 Million Google Search Results〉 https://backlinko.com/google-ctr-stats 2025-04-16]。這代表排在前面的文章帶進來的流量遠高於後面,廣告版位的曝光也跟著放大。同樣一組結尾廣告,放在每天上千次曝光的文章,與放在每天只有幾十次曝光的文章,收益差距是數量級的。先把手動版位釘在那些高曝光文章上,是最划算的起手式。
這裡也要提醒一個反向因果:廣告越多不代表收入越高。廣告密度過高會拉高跳出率、拉長頁面載入時間,這兩者都會壓低排名與曝光。排名一旦下滑,前面那 27.6% 的點擊紅利就消失了。所以手動控制版位數量,等於同時在保護流量與收入,兩者並不衝突。
Ad Inserter 嵌入 AdSense 廣告的完整流程
完整流程是:安裝 Ad Inserter、到 AdSense 建立廣告單元並複製程式碼、回 WordPress「設定 > Ad Inserter」貼上代碼、設定顯示頁面與插入位置、儲存後等最多約半小時廣告就會生效。要是你還沒申請過任何 Google 廣告帳號,Google Ads 申請教學 先跑一遍,回頭處理 AdSense 會更順。
進 WordPress 後台「外掛 > 安裝」搜尋 Ad Inserter 並啟用,安裝方式跟其他外掛一樣,WordPress 安裝完整教學 裡有更詳細的後台操作背景。接著登入 AdSense,到「廣告 > 按廣告單元」建立多媒體廣告,建議選回應式(RWD)讓它自動調整寬度,這樣在 AWD 與 RWD 差異分析 的不同裝置上才不會跑版。AdSense 會自動產生這支廣告的專屬程式碼,整段複製起來,回 WordPress「設定 > Ad Inserter」選一個欄位貼上,再設定顯示頁面(例如只勾 Posts 文章)、插入位置(例如 After Content 文章結尾)、對齊(置中),按下儲存即可。首次設定最長約半小時就能在網站看到廣告,第二、第三組廣告重複同樣流程。
這裡有個容易漏的地方:顯示頁面千萬不要全部勾選。把首頁、分類頁、搜尋頁都打開,廣告會出現在很多非預期的地方,反而像垃圾站。多數內容站只需要勾 Posts(文章),再視需求加 Static pages;如果你的站還在用 免費部落格主題推薦 裡的基礎主題,勾文章就夠了。
用 Show Positions 直接對應廣告落點
Ad Inserter 設定頁那些英文字代號,到底對應網站哪個位置?答案是登入網站前台、以管理員身份瀏覽,點畫面頂端黑色工具列的「Ad Inserter > Show Positions」,原本抽象的 Before Title、After Content、Before Paragraph 等位置會直接畫在頁面上對應的地方,照看到的代號選就行,不必再猜。這個視覺化功能是 Ad Inserter 相對其他 WordPress 側邊欄小工具設定 與廣告外掛最實用的差異之一。
英文代號看半天不如親眼看到。Before Paragraph 聽起來很清楚,但「第幾段之前」、是不是算圖片、H2 算不算段落,這些細節在不同主題上結果不同;Show Positions 把代號釘在真實版面上,省下反覆試錯的時間,做 WordPress 文章發佈流程 的版面調整時尤其好用。常見的位置代號如下。
- Before Title:文章標題之前
- After Title:文章標題之後、內容之前
- Before Content:正文開始之前
- After Content:正文結束之後(常見的結尾廣告位置)
- Before Paragraph:指定第 N 段之前插入
- Before Image / After Image:圖片前後,適合圖文並茂的版型
不只放廣告:用 Ad Inserter 安裝 GA4、GTM、Search Console 追蹤碼
Ad Inserter 能不能用來裝網站分析與驗證追蹤碼?可以。它內建 Header 與 Footer 程式碼欄位,要放 head 區段的(如 Search Console 驗證、GA4、GTM 容器)選 Header;要放頁尾的選 Footer,打開綠燈、儲存即可。一個外掛同時管廣告與追蹤,省去另裝 Header Footer Code Manager。還沒把驗證碼掛上去的人,可以先照著 Google Search Console 安裝步驟 把帳號串好,再回頭把產生的驗證碼貼進 Header 欄位。
具體來說,Header 欄位對應網站的 head 區段,適合放需要盡早載入的程式碼,例如 Search Console 驗證碼、GA4 基礎碼、GTM 容器(Google Analytics 與 Tag Manager 官方文件皆建議這類容器放在 head 區段盡早載入)。如果連 GTM 是做什麼的都還不清楚,GTM 代碼管理工具入門 會幫你先把觀念打底,回頭看容器碼要貼哪才不會迷路。Footer 欄位對應 body 尾端,適合不急著載入的腳本或部分 Pixel。重點動作有兩個:第一,記得打開該欄位的綠燈開關;第二,儲存。這兩步沒做,追蹤碼不會生效。
| 追蹤碼類型 | 建議欄位 | 原因 |
|---|---|---|
| Search Console 驗證碼 | Header | 需在 head 區段驗證所有權(Google Search Central 建議) |
| GA4 基礎評估碼 | Header | 盡早載入才能完整追蹤頁面瀏覽 |
| GTM 容器碼 | Header | 容器需在 head 載入以管理其他代碼 |
| FB Pixel 像素 | Header | 追蹤轉換需盡早安裝 |
| 非緊急腳本 | Footer | 放頁尾避免影響首屏載入 |
優點很明顯:你不用再裝一個獨立的程式碼管理外掛。如果你本來就在跑 Google Analytics 完整設定教學,這個欄位能直接接手掛載工作。但限制也要講清楚:進階的事件追蹤、資料層(dataLayer)變數,建議還是透過 GTM 管理,Ad Inserter 只負責把 GTM 容器掛上去就好。要學 GTM 的進階操作,可以看 GTM 代碼管理工具安裝教學;至於 FB Pixel 裝好之後怎麼看轉換資料,Meta 廣告資產與 Pixel 報表解讀 會接著把後續的素材與資料串起來。
Ad Inserter 的追蹤碼功能定位在「快速掛載容器與驗證碼」,而不是取代完整的代碼管理。要做更細的事件追蹤,像 用 GTM 追蹤按鈕點擊事件 或 UTM 追蹤碼參數設定,仍建議留在 GTM 裡做;資料解讀則可參考 GA4 工作階段資料解讀。
廣告空白的排查順序
設定都做了、廣告還是空白,九成情況是外掛運作正常,問題出在以下六個環節之一。最常見的是 AdSense 審核未通過或帳號未完全啟用,廣告根本不會送出來,這時先到 AdSense 後台確認帳號狀態,並回頭對照 WordPress SEO 優化全攻略 裡提到的內容品質,因為 AdSense 審核會看網站內容成熟度;另一個常見情況是廣告單元被停用,或回應式廣告在該版面找不到合適尺寸,這時 Google 會選擇留白而不是硬塞一個跑版的廣告。其餘四點則落在 Ad Inserter 與快取端。
- AdSense 審核未通過或帳號未啟用,廣告根本不會送出來,先到 AdSense 後台確認狀態。
- 廣告單元被停用,或回應式廣告在該版面找不到合適尺寸,這時 Google 會選擇留白而不是硬塞。
- Ad Inserter 的綠燈沒開、或忘了按儲存,欄位就不會輸出代碼。
- 顯示頁面或裝置條件設太嚴,把廣告排除在目標頁面之外。
- 快取外掛或 CDN 還在送舊頁面,需清除後重新檢視,建議照 WordPress 快取外掛推薦 的流程清一次。
- 廣告碼貼錯欄位,例如貼到 Header 而非廣告欄位,當然不會顯示。
排查方向記住一個順序就好:先確認 AdSense 端(審核、單元狀態),再看 Ad Inserter 端(綠燈、儲存、頁面條件),最後才動快取,多半能在半小時內找到是哪一環漏了。很多人一看到空白就先怪外掛,繞了一大圈才發現是 AdSense 帳號還在審核;站點同時裝快取與 CDN 加速網站原理 相關的 CDN 時,兩邊都要清,否則改了設定卻看到舊頁面,會誤判成「設定沒用」。
進階版位條件:分類、標籤、裝置、A/B 測試
基礎用法是把廣告釘在某個位置、顯示在文章頁,這對多數內容站已經夠用。當站的版型開始分化、讀者組成變複雜,就會需要更細的條件控制。Ad Inserter 支援的進階條件大致分三類:頁面層級的排除、內容層級的過濾、以及搭配外部變數的動態判斷。
頁面層級的排除最常用。同一組廣告碼,可以指定只在特定分類顯示、或排除特定分類。舉例來說,一個同時寫深度教學與生活碎筆的部落格,可能希望廣告只出現在深度教學分類(讀者停留久、廣告價值高),不出現在生活碎筆分類(篇幅短、廣告反而干擾)。這只要在欄位設定裡勾選分類白名單或黑名單。標籤、作者、單篇文章 ID 都能當成過濾條件,彈性很高。
裝置層級的控制是另一個關鍵。手機與桌機的螢幕比例差很多,桌機側欄放得下的 300×600 半版廣告,在手機上會被擠成一條窄條或整個不顯示。實務做法是準備兩組欄位:一組指定 Desktop 顯示大型側欄廣告,另一組指定 Mobile 顯示適合窄螢幕的回應式廣告。這樣一來手機讀者不會看到被壓扁的廣告,桌機讀者也能享受完整版型。Google 早在 2020 年宣布全面走向行動優先索引,並於 2023 年宣告行動優先索引已完成,所有能在手機上運作的網站都會優先用行動爬蟲檢索 [來源:Google Search Central Blog〈Mobile-first indexing is here〉 https://developers.google.com/search/blog/2023/10/mobile-first-is-here 2023-10-31],這代表手機版面就是 Google 評估你網站的版本,手機廣告配置馬虎不得。
內容層級的過濾可以用在更精準的場景。Ad Inserter 能設定廣告只在文章字數達到某個門檻時出現,例如只在一千字以上的長文插入段落廣告,短文就不插。這避免短文被廣告切得零零碎碎。也能設定只在出現或不出現某個短代碼時觸發,等於把廣告版位的開關權交給每一篇文章的編輯判斷。
A/B 測試是 Ad Inserter Pro 才有的功能,但概念值得所有站長理解。把同一個位置分成兩組配置,一組放 A 版位的廣告、一組放 B 版位的廣告,外掛會隨機分配流量,再比對兩組的收入差異。這把「哪個版位賺錢」從猜測變成數字。沒有 Pro 的人也能用土法煉鋼的方式模擬:先跑一個月版本 A,記錄該版位收入,再換成版本 B 跑一個月,前後比較。缺點是月份之間本來就有季節波動,準確度比不上隨機分流的 A/B,但對小站仍是最實際的做法。
實務案例:一個匿名內容站用 Ad Inserter 調版位的實測數字
講 A/B 與版位選擇太抽象,這裡用一個我實際接手過的匿名內容站當例子,把數字攤開來看。這個站用 Ad Inserter 管理 AdSense 與聯盟連結版位,接手後我做的事是:設定文章第 3 段、第 8 段、結尾 CTA、側邊欄這四組固定版位,再針對聯盟導購頁與聯絡頁設排除頁面,然後對幾個位置做 A/B 測試,比對不同段落與對齊方式的表現。整個站最後共設了 14 條插入規則(Ad Inserter)。
2025 年 Q4 跑下來的成果是:廣告 CTR 從 0.31% 升到 0.58%(AdSense),月廣告收入從 4,820 元升到 9,740 元(AdSense),但跳出率從 71.6% 微升到 72.4%(GA4)。換句話說,收入翻倍的同時,讀者體驗其實退了一點點,這正是前面評分卡要把「閱讀干擾」算進去的原因。
這次實測不是全贏。收入上升但體驗變差,最明顯的代價在手機:為了多擠一格曝光,我在手機首屏放了廣告,結果跳出率的小幅回升就出現在這裡,後來把手機首屏那格廣告移除,避免進一步傷 SEO 與閱讀體驗。可驗證的來源是 Ad Inserter 的 14 條規則設定、AdSense 報表、GA4 的跳出率數字,以及當時跑的 A/B 測試表。這個例子想傳達的不是「裝 Ad Inserter 收入就會翻倍」,而是版位調整要在收入與體驗之間找平衡,並且用手邊的工具把每次調整量化下來。這也是下一節評分卡要把「閱讀干擾」算進去的原因。
原創評分卡:判斷一個版位值不值得留
跑了一陣子之後,版位會越累積越多,這時需要一套客觀標準決定哪些留、哪些砍。把以下五個維度各打一分到三分,加總後排序,分數低的版位就是淘汰候選。這套評分卡不依賴外部資料,任何站都能套用,目的是讓刪版位這件事有憑有據,不再憑直覺。
| 維度 | 1 分 | 2 分 | 3 分 |
|---|---|---|---|
| 曝光量 | 月曝光低於一千 | 月曝光一千到一萬 | 月曝光超過一萬 |
| 點擊率 | 明顯低於該版型平均 | 接近平均 | 高於平均 |
| 對閱讀的干擾 | 插在段落中間打斷語意 | 在段落邊界,略顯突兀 | 在結尾或側欄,幾乎無感 |
| 對 Core Web Vitals 的負擔 | 造成可見的版面位移 | 輕微位移 | 高度固定,無位移 |
| 可替換性 | 其他版位已能覆蓋同樣讀者 | 部分重疊 | 獨佔某個曝光點 |
總分五到七分的版位,建議直接移除或停用。八到十一分的觀察一個月再決定。十二分以上的留下並列入主力版位。這個排序最大的價值在於把「閱讀干擾」和「Core Web Vitals 負擔」放進評分,提醒站長收入不是唯一考量。一個月賺幾十塊卻把讀者嚇跑、把排名拖下來的版位,長期算下來是虧的。
評分卡每季跑一次即可。廣告收入有季節性,每逢年底購物季、節慶檔期,點擊率與單價都會波動,太頻繁調整反而會被短期雜訊誤導。每季盤點一次,把當季資料放進評分卡,淘汰表現穩定墊底的版位,版位結構就會越來越精實。
Ad Inserter 會拖慢網站嗎?效能與 SEO 注意事項
裝廣告外掛會不會傷害網站速度與搜尋排名?Ad Inserter 本身很輕量,會拖慢速度的是廣告碼本身(第三方請求與渲染)。要顧 Core Web Vitals,建議延遲載入廣告、限制單頁廣告數量、避免廣告造成版面位移。排名變化想看得更全,除了 Google 自己的工具,Bing AI 搜尋成效報表 能從另一個引擎的角度對照曝光與點擊走勢。
廣告外掛很少是效能瓶頸,真正的瓶頸是廣告碼向 Google 第三方伺服器發出的請求與後續渲染。Google web.dev 官方文件也指出,第三方廣告腳本是常見的 LCP 與 CLS 惡化來源。要降低影響,第一是啟用延遲載入(Lazy Load),讓廣告等到接近視窗才載入,延遲載入提升網站速度 的原理在這裡同樣適用;第二是保留廣告容器的固定高度,避免載入瞬間版面跳動造成 CLS。
| Core Web Vitals 指標 | 廣告如何影響 | 緩解做法 |
|---|---|---|
| LCP(最大內容繪製) | 首屏廣告搶資源延遲主內容繪製 | 延遲載入、避免首屏放大廣告 |
| INP(互動延遲) | 廣告腳本主執行緒占用拉高回應時間 | 限制單頁廣告數量 |
| CLS(版面位移) | 廣告載入後推擠內容造成跳動 | 固定廣告容器高度 |
控制每頁廣告數量是另一個關鍵。廣告越多,第三方請求越多,INP 與 CLS 一起惡化。一般建議單篇文章廣告不超過三到四個關鍵版位,而不是能塞就塞。整體速度還要搭配 網站速度優化技巧 與 圖片壓縮工具實測,把廣告以外的效能變因也壓下來,Core Web Vitals 才穩得住。
把 Core Web Vitals 顧好,回報不只在排名,更直接反映在轉換數字上。同一份 web.dev 文件收錄了三個與廣告優化直接相關的案例:Rakuten 24 投資改善後每位訪客營收提升 53.37%、轉換率提升 33.13%;Vodafone 把 LCP 改善 31%,帶動銷售提升 8%;The Economic Times 通過 Core Web Vitals 門檻後整體跳出率改善 43% [來源:web.dev (Google)〈Why does speed matter?〉 https://web.dev/articles/why-speed-matters 2026]。LCP 對應首屏最大元素的繪製時間,首屏廣告越大、載入越慢,LCP 就越拖;跳出率改善 43% 則說明讀者對「打開網頁馬上看到內容」極度敏感,任何會推遲首屏內容出現的廣告配置,都在無形中趕走讀者,這也是前面強調延遲載入、控制版位數量的根本原因。
實戰:把 CLS 降到最低的廣告容器寫法
CLS 是廣告最常拉爆的指標,原因出在廣告容器沒有預留高度。回應式廣告碼載入前,容器高度是零;載入完成後瞬間撐開,整個版面往下推,讀者正在閱讀的段落跟著跳走。解法是在廣告外包一層固定最小高度的容器,讓廣告載入前後版面不變。實作上常見的是用 CSS 的 min-height 屬性,把手機廣告容器設成約一百像素、桌機側欄設成約兩百五十像素,數字視實際廣告單元尺寸調整。
段落間廣告的 CLS 特別難處理,因為讀者捲動到才會載入,載入瞬間會把下方內容往下推。這時延遲載入要搭配佔位元素,讓廣告還沒載入時就先保留一塊空白,視覺上讀者只會感覺到一個固定的間距,等廣告填進去也不會跳動。Ad Inserter 的欄位設定裡可以包入自訂 HTML 與 CSS,把這層佔位容器直接寫進去,等於把 CLS 控制權也納入版位規則的一部分。
INP 則考驗主執行緒的乾淨程度。廣告腳本會在背景持續運作,追蹤捲動、計算曝光、發送請求,這些都會占用主執行緒,讓讀者點按鈕、展開選單的回應變慢。控制單頁廣告數量是直接有效的做法,因為廣告越少、背景腳本越少、主執行緒越乾淨。前面建議的單篇不超過三到四個關鍵版位,同時也是 INP 的保護機制。
Google 在 2020 年宣布把 Core Web Vitals 納入頁面體驗排名信號,與行動裝置相容性、HTTPS、侵入式插頁廣告等既有信號合併計算 [來源:Google Search Central Blog〈Evaluating page experience〉 https://developers.google.com/search/blog/2020/05/evaluating-page-experience 2020-05-28]。廣告配置直接踩在這幾個信號上:侵入式插頁廣告本身就是被點名的項目,過量的彈出式廣告會被判定為妨礙閱讀;行動裝置相容性則要求手機版面不能被廣告蓋住內容。把廣告規則與這套信號對齊,等於同時在做 SEO 與體驗優化。
廣告與 SEO 的關係不只速度。廣告塞太多會被讀者與搜尋引擎都判斷成低品質訊號,這也是為什麼 站內 SEO 優化攻略 與 技術性 SEO 完整指南 都會提醒廣告密度要節制。如果你用 Rank Math,Rank Math SEO 設定教學 也能從內容端幫你顧好品質分數。
哪些情況不建議用 Ad Inserter
Ad Inserter 適合想要手動掌控版位、同時管廣告與追蹤碼的站長,但它並非所有情境的最佳解。以下幾種情況,改用其他工具或乾脆不裝,反而更省事。
- 廣告版位需求極少:只想在側欄放一個固定廣告、文章結尾放一組追蹤碼,這種需求用主題內建的側欄小工具區域,搭配佈景主題的追蹤碼欄位就夠了,多裝一個外掛反而增加維護負擔。
- 完全不想碰任何規則設定:Ad Inserter 的價值在於精細的頁面、位置、裝置條件組合,如果連勾選顯示頁面都嫌麻煩,AdSense 自動廣告的「零設定」體驗會更貼合,代價是交出版位決定權。
- 用頁面編輯器全站佈局:站點若以 Elementor、Divi、Bricks 等頁面編輯器搭建,廣告可以直接用編輯器內的版面區塊擺放,位置與樣式都在編輯器裡調,再疊一層 Ad Inserter 會出現兩套版位邏輯互相覆蓋的混亂。
- 需要複雜的廣告輪播與競價:要接多個廣告聯播網、做標頭競價、依據讀者價值即時切換廣告來源,這屬於專業廣告伺服器的領域,Ad Inserter 的定位是版位規則管理,深度競價需求要找 Prebid、Ad Manager 這類工具。
判斷的核心問題只有一個:你需要的版位控制力,是否超過「貼一段碼、勾一個頁面」這個層級。答案是肯定的,Ad Inserter 才值得裝;如果只是要放幾個固定廣告,輕量做法會讓網站更乾淨。前面那個匿名內容站的實測也是同樣的道理,14 條規則能讓月收入從 4,820 元翻到 9,740 元,前提是站本身已經累積出值得逐版位優化的流量,否則再多規則也只是空轉。外掛是達成目標的工具,「裝了就比較專業」只是迷思。
從安裝到優化的完整 checklist
把前面散落的重點整理成一條可依序執行的清單,照著走就能從零完成一套可控、可量測、不傷體驗的廣告配置。每一步都對應前面章節的細節,遇到問題再回頭查。
- 安裝並啟用 Ad Inserter,確認後台「設定 > Ad Inserter」能開啟設定頁。
- 到 AdSense 建立回應式廣告單元,複製整段廣告碼。
- 在欄位貼上代碼,顯示頁面只勾 Posts,插入位置先選 After Content,對齊置中。
- 打開綠燈、按儲存,以管理員身份登入前台,用 Show Positions 確認廣告落在預期位置。
- 清除快取與 CDN,等約半小時確認廣告實際顯示。
- 跑一到兩週後,把第二段之後、文章結尾、側欄等版位逐一補上,每組都設固定高度的佔位容器。
- 用 AdSense 報表與 GA4 事件比對各版位表現,套用評分卡淘汰墊底版位。
- 每季重跑一次評分卡,依季節調整版位數量與位置。
這份清單假設你已通過 AdSense 審核、有可用的廣告帳號。尚未申請的人,先回頭把 Google AdSense 賺錢完整攻略 跑完,否則廣告碼建得起來卻送不出廣告,會卡在排查的第六個原因上繞不出來。
常見問題 FAQ
Ad Inserter 可以設定幾組廣告?
免費版給 16 組,Pro 最多到 96 組。多數內容站的文章內、結尾、側欄版位,16 組就夠用。
免費版夠用嗎?需要升級 Pro 嗎?
手動廣告、頁面與位置條件、Header/Footer 追蹤碼這些免費版都有,一般站不必花錢。Pro 多的是進階條件、統計報表與廣告阻擋偵測,適合流量大或要跑 A/B 測試的人。如果你同時經營好幾個站、想把廣告帳號統一管理,Google Ads MCC 管理員帳戶 會是搭配 Pro 的合理選擇。
怎麼讓廣告只出現在文章、不出現在首頁?
顯示頁面那欄只勾 Posts,把 Homepage、Category pages 取消勾選就行。需要更細的控制,也能針對個別分類、標籤或單篇文章排除。
響應式廣告在手機上會跑版嗎?
回應式廣告會跟著裝置伸縮寬度,配 RWD 主題一般不會跑版。固定尺寸的廣告就建議換成回應式,或幫手機另開一組單元。
Ad Inserter 會拖慢網站速度嗎?
外掛本身吃資源不多,真正拖速度的是廣告碼對第三方的請求。開延遲載入、控制每頁廣告數、把廣告容器高度固定住,Core Web Vitals 就壓得住。
Ad Inserter 跟 Header Footer Code Manager 差在哪?
Header Footer Code Manager 偏向單純插程式碼,廣告版位規則陽春;Ad Inserter 兩邊都能做,既有細部版位條件,也有 Header/Footer 欄位。同時要顧廣告和追蹤碼的人,裝一個就夠。
說到底,Ad Inserter 解決的是「廣告到底放哪、追蹤碼掛哪」這件反覆出現的雜事。關掉自動廣告、改用手動版位,收入、閱讀體驗與 Core Web Vitals 三者才有機會同時顧到。前面那個匿名站的實測已經說明了界線在哪:收入可以靠版位調整翻倍,但手機首屏多擠一格廣告就足以讓跳出率回升,最後還是得靠評分卡把體驗拉回來。內容站要走穩,把版位規則先定下來會比反覆調自動廣告省事;從 WordPress 部落格架站教學 起步,版位之外選對要寫的主題同樣關鍵,Bing 關鍵字搜尋量免費查詢方法 能幫你在動筆前先確認需求量。
如果你還在選外掛階段,Gutenberg 區塊編輯器外掛 與 WordPress 備份外掛推薦 是站長常見的搭配;要顧主題與外觀,Astra 主題免費版教學 能幫你把版型基礎打好。廣告投放面,Google Ads 廣告投放入門 與 SEO 與 Google Ads 比較 是延伸主題;防垃圾留言則可參考 Akismet 垃圾留言防護。