W whoops.tw

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 與快取端。

  1. AdSense 審核未通過或帳號未啟用,廣告根本不會送出來,先到 AdSense 後台確認狀態。
  2. 廣告單元被停用,或回應式廣告在該版面找不到合適尺寸,這時 Google 會選擇留白而不是硬塞。
  3. Ad Inserter 的綠燈沒開、或忘了按儲存,欄位就不會輸出代碼。
  4. 顯示頁面或裝置條件設太嚴,把廣告排除在目標頁面之外。
  5. 快取外掛或 CDN 還在送舊頁面,需清除後重新檢視,建議照 WordPress 快取外掛推薦 的流程清一次。
  6. 廣告碼貼錯欄位,例如貼到 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

把前面散落的重點整理成一條可依序執行的清單,照著走就能從零完成一套可控、可量測、不傷體驗的廣告配置。每一步都對應前面章節的細節,遇到問題再回頭查。

  1. 安裝並啟用 Ad Inserter,確認後台「設定 > Ad Inserter」能開啟設定頁。
  2. 到 AdSense 建立回應式廣告單元,複製整段廣告碼。
  3. 在欄位貼上代碼,顯示頁面只勾 Posts,插入位置先選 After Content,對齊置中。
  4. 打開綠燈、按儲存,以管理員身份登入前台,用 Show Positions 確認廣告落在預期位置。
  5. 清除快取與 CDN,等約半小時確認廣告實際顯示。
  6. 跑一到兩週後,把第二段之後、文章結尾、側欄等版位逐一補上,每組都設固定高度的佔位容器。
  7. 用 AdSense 報表與 GA4 事件比對各版位表現,套用評分卡淘汰墊底版位。
  8. 每季重跑一次評分卡,依季節調整版位數量與位置。

這份清單假設你已通過 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 垃圾留言防護

相關文章