Ad Inserter 外掛教學:Google 廣告與追蹤碼安裝
Ad Inserter 是 WordPress 安裝數名列前茅的廣告與程式碼插入外掛,本文教你用規則手動釘選 AdSense 廣告版位、安裝 GA4、GTM、Search Console 追蹤碼,並兼顧 Core Web Vitals 與閱讀體驗。
作者:褚崇名(Sliven)
本頁目錄
- 什麼時候你其實不需要它
- Ad Inserter 到底在解決什麼問題
- 它跟 Site Kit、GTM 差在哪
- 3 分鐘安裝與 16 區塊心智模型
- 三種插入方式,選哪一種
- 實戰一:AdSense 廣告放對位置,別讓版面崩掉
- AdSense 自動廣告 vs Ad Inserter 手動插入
- 實戰二:Header / Footer 裝追蹤碼
- 追蹤碼重複觸發的陷阱
- 手動 shortcode:把熱門文章的廣告動線握在手裡
- 給會寫一點程式的人:PHP 函數直接呼叫
- 精準控制:行動裝置偵測 + 頁面與分類過濾
- 廣告別拖垮網站速度:與快取、延遲載入共存
- 廣告放太多會怎樣
- 廣告封鎖偵測與三個常見地雷排解
- 三個常見地雷
- 備份、跨站搬移與除錯模式
- 用除錯模式找出廣告放哪了
- 這樣部署:一個可重複的流程
你也許曾遇過這種狀況?AdSense 審核通過了,後台給你一串廣告代碼,你興奮地把它貼進佈景主題的 header.php,結果廣告出現在全站每一頁的同一個位置,連「聯絡我們」和「關於我」這種根本不該放廣告的頁面也被塞了一塊。更麻煩的是,過兩天你想加 GA4、Meta Pixel、Search Console 驗證碼,又得回頭改 header.php,主題一更新,全部歸零。
Ad Inserter 這個 WordPress 外掛,換句話說,就是在解決一件事:把「程式碼放哪、什麼時候出現、給誰看」這三個變數,從佈景主題檔案裡抽離出來,集中管理。它表面上像個 WordPress 廣告外掛,本質其實是一個通用的程式碼插入引擎。廣告只是它最常見的用途,背後真正的價值是位置控制與情境過濾。如果你正在研究 WordPress 外掛怎麼安裝,接下來會從安裝一路走到追蹤碼部署,不必修改 PHP。
快速重點整理:Ad Inserter 是一個 WordPress 程式碼插入引擎,用 16 個獨立的 Block,把廣告、GA4、Meta Pixel、Search Console 驗證碼集中管理。它的核心價值不是「幫你貼 AdSense」,而是讓你精準控制 code 出現的位置、裝置與頁面情境。這篇會帶你走完安裝、AdSense 位置、追蹤碼部署、過濾器、速度取捨與一套可重複的部署流程。如果你只記得一句話,就記住這句:Ad Inserter 真正管的是位置、裝置與情境,廣告只是它順手做的事。
什麼時候你其實不需要它
講了這麼多 Ad Inserter 的好處之前,先誠實地說:不是每個站都需要它。搞清楚邊界,你才不會為了一個用不到的功能,給自己找麻煩。
第一種,你的站完全沒有廣告,也沒有任何第三方追蹤碼。例如一個純粹的作品集網站、一個還沒開始變現的個人品牌站。這種站裝 Ad Inserter,等於裝了一個永遠不會用的工具,還多佔後台空間。追蹤碼這件事,等你真的有廣告、有 GA4、有 Pixel 需求那天再裝也不遲。
第二種,你只使用 Google 服務,而且現有整合工具已能完成需求。Ad Inserter 的價值在於位置與條件控制;不需要這些功能時就不必先裝著備用,等出現明確需求再安裝,能減少維護與攻擊面。
第三種,你的站是高度客製化的電商,廣告邏輯跟購物流程綁得很緊。例如你要在「加到購物車」這個動作前後動態插入某段訊息,這種跟使用者行為掛鉤的插入,GTM 的事件觸發條件比 Ad Inserter 的頁面層級過濾更適合。Ad Inserter 擅長的是頁面層級的插入,不是使用者動作層級的觸發,搞清楚這個邊界,你才不會拿螺絲起子去敲釘子。
Ad Inserter 到底在解決什麼問題
很多人以為 Ad Inserter 就是「幫你貼 AdSense code 的工具」,這個理解只對了一半。它真正解的痛,是集中化、可重複、可條件化的程式碼部署。換個方式想:你站上有兩百篇文章,你希望在每篇文章的第三段後面放一段廣告,但聯絡頁、隱私權頁不要放,手機版只放一塊、桌面版放兩塊。如果你靠手動編輯每一篇,那是惡夢;如果你靠改 header.php,你根本沒辦法做到「第三段之後」這種正文層級的插入。
以長文內容站為例,若自動廣告把圖片與說明拆開,或在重要段落中間插入版位,可改用 Ad Inserter 指定段落、標題前後與排除頁面。調整前後應比較廣告收益、版面位移、每位使用者瀏覽量與轉換,不先宣稱手動版位一定改善停留。
也因為這樣,遇到任何「要把一段 code 放進 WordPress」的需求,Ad Inserter 往往是第一個被想到的工具。AdSense 只是一種 code,GA4 是 code,Meta Pixel 是 code,Search Console 的驗證 meta 是 code,連結構化資料的 JSON-LD 也是 code。Ad Inserter 把這些全部收進同一個後台,用同樣的邏輯管理。這也是為什麼它在 WordPress 必裝外掛清單裡,常常同時被歸類在「廣告」和「效能」兩個分類。
它跟 Site Kit、GTM 差在哪
這是新手最常混淆的地方。Google 自己出的 Site Kit by Google,把 GA4、Search Console、AdSense 串成一鍵安裝,優點是傻瓜化,缺點是它只認 Google 家的東西,而且你對「代碼出現在 DOM 哪個位置」幾乎沒有控制權。想知道 Site Kit 適不適合你,可以對照我們的Site Kit by Google 完整教學。
Google Tag Manager(GTM)是代碼容器,適合由行銷團隊管理標籤、同意狀態與事件觸發。容器本身會載入前端腳本,但實際效能主要取決於部署了哪些標籤與觸發方式。Ad Inserter 可在伺服器產生 HTML 時插入程式碼,省去 GTM 容器不代表第三方廣告或分析腳本就沒有載入成本。深入觀念可看GTM 新手攻略。
| 需求 | Ad Inserter | Site Kit | GTM |
|---|---|---|---|
| AdSense 手動段落插入 | 強項 | 不支援 | 要寫 DOM 觸發 |
| Google 全家桶一鍵串接 | 要自己貼 | 強項 | 部分 |
| 非 Google 代碼(Meta Pixel、自訂 JS) | 支援 | 不支援 | 強項 |
| 前端載入成本 | 外掛插入成本低,所插腳本仍有成本 | 依啟用服務 | 依容器與標籤數量 |
| 頁面/分類/裝置過濾 | 原生 | 有限 | 靠觸發條件 |
如果需求集中在 Google 服務,整合外掛通常較省事;需要事件與同意狀態管理時可評估 GTM;需要在 WordPress 文章正文依位置與頁面條件插入內容時,Ad Inserter 較合適。三者可以並存,但同一支標籤、驗證碼或廣告只能由一個來源管理,否則仍會重複或衝突。
3 分鐘安裝與 16 區塊心智模型
安裝很直覺。後台「外掛 → 安裝外掛」搜尋 Ad Inserter,找作者是 Igor 的那一個(安裝數破百萬的那款),點安裝、啟用。啟用後選單會多出一個 Ad Inserter 項目,點進去就是主介面。這個內建的程式碼編輯器具備語法高亮,貼 code 時如果括號或引號沒有成對,它會直接標紅給你看,比在純文字框裡瞎貼安全得多。如果你連安裝這一步都還不熟,先回頭看外掛安裝教學把基本功練好。
免費版常見介面提供 16 個 Block,付費版與未來版本的數量可能不同。Block 才是核心心智模型:
- 每一個 Block 是一段獨立的 code,內容可以是 AdSense 廣告、可以是 GA4、可以是任何 HTML 或 JavaScript,彼此互不相干。
- 每一個 Block 有自己的位置設定,Automatic Placement 決定它出現在哪、Manual 代表你要自己用 shortcode 呼叫。
- 每一個 Block 有自己的過濾器,你可以指定它只在某個分類、某篇文章、某種裝置出現。
換句話說,16 個 Block 不是「16 種廣告」,而是「16 條各自獨立的部署規則」。Block 1 放 AdSense 並設定在第三段後,Block 2 放 Meta Pixel 並設定在 header,Block 3 放一個聯盟行銷 banner 並設定只用 shortcode 手動插入,互不干擾。這個「一個 Block 一條規則」的設計,是它能取代手改 header.php 的根本原因。
介面右上方還有一個 List view,把 16 個 Block 一次攤開,讓你快速看到每個 Block 的代碼名稱、插入位置、過濾條件、啟用狀態。當你的 Block 超過五個,這個列表會變成你的主要工作區,因為逐個切標籤太慢。養成一個習慣:每次改完設定,回 List view 看一眼整體佈局,你才看得出哪個 Block 跟另一個在搶同一個位置、哪個忘了啟用。這個俯瞰視角,是只看單一 Block 編輯器時很容易漏掉的。
三種插入方式,選哪一種
Ad Inserter 提供三種把 code 放進頁面的方式,新手常常搞混,這裡一次講清楚。
- Automatic Placement(自動插入):你設定規則,外掛在渲染頁面時自動把 code 印進對的位置。例如「Before Paragraph 3」「After Post」「Before Content」。這是大多數廣告場景會用的。
- Manual(手動 shortcode):每個 Block 都有一個對應的 shortcode,例如
[adinserter block="3"]。你把這串字貼進文章編輯器,廣告就出現在那個位置。適合你想完全掌控某篇熱門文章的廣告動線時。 - Server-side / PHP function:對開發者而言,可以用
<?php if (function_exists('adinserter')) echo adinserter(3); ?>直接在佈景主題檔案裡呼叫。繞過 shortcode 解析,最快、最輕量。
多數站長使用自動插入與 shortcode 就足夠。PHP 函數適合由開發者在受版本控制的自訂主題或外掛中呼叫,重點是可維護性,不是省下難以察覺的 shortcode 解析時間。
實戰一:AdSense 廣告放對位置,別讓版面崩掉
這是最常見的用途,也是最容易做壞的用途。AdSense 給你的 code 長這樣:<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"...></script>,下面再帶一組 <ins class="adsbygoogle"...>。你把它貼進 Block 1 的編輯器,然後在左側的 Alignment 設定置中或置左,再到 Automatic Placement 選擇插入位置,就完成了。
真正會決定你廣告收入與閱讀體驗的,是那個「插入位置」。實戰上最值得用的幾個位置是:
- Before Content(正文之前):文章標題下方、正文第一段之前。這是「首屏可見」的黃金位置,點擊率最高,但也最容易惹惱讀者。建議只放一塊。
- After Paragraph N(第 N 段之後):最常用的正文插入。N 建議設 2 到 4,讓讀者先讀到一點東西再看到廣告。Ad Inserter 還可以設「至少要 N 段才插入」,避免短文也被塞廣告。
- Before Heading / After Heading:在 H2、H3 前後插入。這對長文特別好用,廣告會自然落在段落交界,閱讀動線不會被切斷。
- After Post(正文之後):文章結尾、相關文章之前。讀完才出現,干擾最低,適合放較大尺寸的廣告或聯盟連結。
常見問題是同時開太多位置。Before Content、段落間與 After Post 全部啟用,容易讓短文被廣告切碎。不要用 1500 字等單一門檻決定數量;應依版面、裝置、廣告政策、內容節奏與收益測試設定上限。
Ad Inserter 還有一個保護機制很值得開:Minimum paragraphs 與 Minimum words。你可以設定「文章至少要有 5 段、300 字以上,才插入內文廣告」。這對內容長度差異大的站特別重要。一篇 200 字的公告文被插了廣告,讀者體驗會很糟,廣告收益也微乎其微;這個守門設定讓短文自動跳過廣告,把廣告留給真正有流量、有篇幅的長文。這種「依內容長度決定要不要變現」的細節,正是手動控制贏過自動廣告的地方,也是自動廣告做不到的。
AdSense 自動廣告 vs Ad Inserter 手動插入
AdSense 後台有「自動廣告」這個選項,勾下去 Google 會自己決定放哪、放幾塊。它的優點是零設定,缺點就是你完全沒有掌控權。實務上建議的折衷做法是:
| 做法 | 適合誰 | 風險 |
|---|---|---|
| 純自動廣告 | 不想管、流量小 | 版面不可控、易破版 |
| 純 Ad Inserter 手動 | 重視閱讀體驗、長文站 | 要花時間調位置 |
| 自動廣告開 + Ad Inserter 補手動位 | 大多數站長 | 要監控是否重複 |
第三種是實務上偏好的做法。讓自動廣告處理邊角與錨定廣告(Anchor、Vignette),正文裡的內文廣告則交給 Ad Inserter 精準控制段落位置。這樣你既能吃到自動廣告的自動化紅利,又不會讓正文被插得亂七八糟。想看 AdSense 整體怎麼申請、怎麼收款,可以參考我們的Google AdSense 完整教學。
不管你選哪一種組合,裝完之後一定要做一件事:用 GA4 的工作階段數據觀察「廣告上線前後,每位使用者的頁面瀏覽量、停留時間有沒有明顯下滑」。如果廣告一上線,平均工作階段長度直接腰斬,代表你的廣告密度或位置出了問題,不是讀者突然不喜歡你的內容。把廣告當成一個需要量測、需要調整的變數,裝上去之後還要持續觀察與微調,你才會知道每一塊廣告到底是在賺錢,還是在趕客人。這個數據回頭檢視的習慣,比任何廣告位置的教科書建議都準。
實戰二:Header / Footer 裝追蹤碼
廣告之外,Ad Inserter 第二大用途是裝追蹤碼與驗證碼。這類 code 的特色是「全站每一頁都要有,而且要放在 head 或 body 的特定位置」。Ad Inserter 的 Header、Footer、Before Header、After Body 這幾個位置,就是為了這個場景設計的。
實際操作上,你一樣開一個 Block,貼上 code,然後在 Automatic Placement 選對的位置:
- GTM 容器碼:GTM 給你兩段 code,一段放
<head>裡盡量前面,一段放<body>開頭。在 Ad Inserter 裡對應 Header 和 After Body 開頭。 - GA4 量測碼:如果你不用 GTM 而是直接裝 GA4,把 gtag.js 那段貼進 Header 即可。
- Meta Pixel:Facebook 廣告的 Pixel base code 放 Header,這樣每一頁都能追蹤訪客。
- Search Console 驗證碼:用 meta tag 驗證時,把
<meta name="google-site-verification" content="...">放進 Header。 - Bing Webmaster、Pinterest、Clarity、各種第三方驗證:同一個邏輯,通通往 Header 塞。
用 Ad Inserter 裝追蹤碼最大的好處,是換主題不會掉碼。你只要把 code 設一次,不管之後換成 Astra、Blocksy 還是任何主題,code 都還在。這對委外維護或後續交接的站來說,價值很高。順帶一提,如果你只是要驗證 GSC,其實用 Site Kit 或 DNS 驗證也行,GSC 安裝教學有比較幾種做法。
追蹤碼重複觸發的陷阱
同一個 GA4 Measurement ID 或 Pixel 若由兩個工具部署,可能重複送出事件。Network 面板看到多筆 collect 或 tr 請求不一定就是錯誤,因為一次載入可能包含不同事件;應搭配 Tag Assistant、GA4 DebugView 或平台除錯工具,核對相同事件名稱、頁面與識別碼是否重送。每支基礎標籤應指定唯一管理來源。
手動 shortcode:把熱門文章的廣告動線握在手裡
前面講的 Automatic Placement,是「設一次規則、全站適用」的批次思維。但總會有那麼幾篇鶴立雞群的熱門文章,你可能希望它的廣告放法跟其他文章不一樣。例如站上有一篇每個月帶來大量瀏覽的長文,你想在開頭放一塊置中橫幅、在 H2 之後再插一塊、結尾放一塊聯盟 banner,而其他文章維持原本的「第三段後」設定就好。這時候就要靠手動 shortcode。
每一個 Block 在 Manual 模式下都會對應一組 shortcode,格式是 [adinserter block="2"],數字對應那個 Block 的編號。你只要在文章編輯器裡,把游標停在你想要廣告出現的段落,貼上這串 shortcode,存檔後廣告就會出現在那個位置。它跟自動插入最大的差別是:自動插入看的是規則,手動插入看的是位置。自動是「只要有第三段,就插」,手動是「位置指定,才插」。
實戰上建議這樣搭配:對站上九成的文章,用 Automatic Placement 處理,省時又一致;只挑出那兩三篇流量最高的金雞母文章,改用 shortcode 手動排廣告動線,把每一塊廣告都放在閱讀節奏最自然的地方。這兩種模式可以同時存在於同一個站,互不衝突,因為它們是不同的 Block。這種「大批次加小手工」的組合,可說是 Ad Inserter 最被低估的用法。
| 場景 | 建議模式 | 為什麼 |
|---|---|---|
| 全站一致的內文廣告 | Automatic Placement | 設一次全站套用,省時又一致 |
| 流量最高的兩三篇長文 | Manual shortcode | 每塊廣告精準落在閱讀節奏點 |
| 文章結尾固定不變的 CTA | PHP 函數 | 繞過 shortcode 解析,最輕量 |
| 驗證碼、Header 全站碼 | Header / Footer 自動插入 | 全站每一頁都要有 |
給會寫一點程式的人:PHP 函數直接呼叫
如果你的站對效能錙銖必較,連 shortcode 解析的時間都想省掉,Ad Inserter 還提供一個 PHP 函數:adinserter()。你在佈景主題的 single.php 或自訂區塊裡,直接寫 <?php if (function_exists('adinserter')) echo adinserter(3); ?>,就能把 Block 3 的內容印出來。它繞過 WordPress 的 shortcode 系統,是最輕量的呼叫方式。
不過要提醒一句,一旦你把廣告寫進佈景主題檔案,換主題時就會跟著消失,這就回到 Ad Inserter 當初要幫你避開的那個問題了。所以 PHP 函數建議只用在「你確定這套主題會用很久」的固定位置,例如文章結尾固定的 CTA 區塊;其他情境還是用 shortcode 或自動插入更保險,至少設定跟著外掛走,不會綁死在某一套主題上。
精準控制:行動裝置偵測 + 頁面與分類過濾
到這裡你會貼 code、會選位置了,但 Ad Inserter 真正拉開差距的功能,是它的過濾器。每一個 Block 下方有一整排 tab,其中 Filters 和 Devices 是兩個你一定要會用的。
Devices(裝置過濾)讓你勾選這個 Block 只在桌面、只在手機、或兩者都顯示。為什麼這很重要?因為手機版與桌面版的版面空間天差地遠。桌面版你能舒服地放兩塊內文廣告,手機版塞兩塊就會把正文擠得斷斷續續。實務上建議把手機版的內文廣告數量砍半,把大尺寸的橫幅廣告設成桌面限定。
Google 已全面採用行動優先索引(mobile-first indexing),也就是主要使用行動版內容進行檢索與索引,不是以行動版廣告數量直接決定排名(見 2023 年 10 月的 行動優先索引公告)。手機版若缺少主要內容、操作困難或出現干擾式版位,仍會傷害使用體驗。全球網頁流量裡行動裝置佔比很高(依 Statista 2026 年 4 月的統計),因此應優先實測行動版。
Filters(頁面過濾)讓你指定這個 Block 在哪些頁面出現、哪些不出現。常見用法:
- Front Page(首頁):首頁要不要放廣告?多數品牌站會選擇不放,保持門面乾淨。
- Categories / Tags:某個分類的文章不放廣告。例如「關於我們」「服務項目」這種轉換導向的頁面,放廣告等於把自己辛苦引來的潛在客戶推給別人。
- Page Type:只在單篇文章、只在分類彙整、只在搜尋結果頁出現。
- 排除特定文章 ID:某篇你要接直客合作的贊助文章,把 AdSense 全關掉,只留直客廣告。
這裡有一個電商站一定要知道的排除清單。如果你站上跑 WooCommerce,結帳頁、購物車頁、我的帳戶頁,務必把所有廣告排除掉。原因很實際:讀者已經走到結帳這一步,是你整個漏斗最珍貴的瞬間,這時候插入一塊 AdSense,等於把快到手的訂單推去點別人的廣告,為了幾毛錢賠掉一筆幾千塊的訂單,怎麼算都不划算。同樣的道理也適用於填表下單頁、預約頁這種轉換導向的頁面。判斷標準很簡單:這個頁面的存在目的是要讀者做某個動作,就別放廣告干擾它。
把這兩個過濾器用好,你的廣告佈局就會從「全站亂槍打鳥」升級成「精準放給對的人看」。SEO 與 Google Ads 怎麼分工、各自把流量引到哪裡,觀念是相通的,廣告位置與自然流量位置其實是在搶同一個讀者的注意力。
廣告別拖垮網站速度:與快取、延遲載入共存
廣告常會載入第三方 JavaScript、額外資源與動態版位,可能增加主執行緒負擔與版面位移。速度最直接影響使用者體驗(見 web.dev 的〈Why does speed matter?〉,2026 年);Core Web Vitals 是眾多排名訊號中的一小部分,不應把每次速度變化直接解讀為排名升降(見 2020 年 5 月的 Evaluating page experience 公告)。
廣告會破壞速度,但你不能因此不放廣告,因為那是很多內容站的命脈。解法是讓廣告「延後登場」。Ad Inserter 內建幾個跟效能直接相關的設定:
- Lazy load(延遲載入):若你的版本與方案提供此功能,可等讀者接近版位再載入。啟用前要核對廣告平台政策,並測試收益、可視率與版面位移。完整觀念看Lazy Loading 實戰指南。
- Server-side insertion:外掛可在產生 HTML 時插入程式碼,但所插入的第三方腳本仍會在瀏覽器載入與執行。
- Ad blocking detection(廣告封鎖偵測):若版本與方案支援,可在偵測到封鎖器時顯示替代訊息;功能不一定能辨識所有情況。
但光靠 Ad Inserter 內建的延遲載入還不夠,你還要確保它跟你的快取外掛和平共處。Ad Inserter 產出的是靜態 HTML,跟絕大多數快取外掛相容,但如果你用了「以使用者登入狀態分快取」或「依裝置分快取」這類進階設定,要記得在快取外掛裡把 Ad Inserter 的動態部分排除,否則可能出現「桌面訪客看到手機廣告」或「已登入管理員看不到廣告」的怪現象。整體網站速度優化的系統性做法,看我們整理的速度指南。
廣告拖垮速度,最具體的表現往往不是載入變慢,而是版面跳動。讀者正要點某個連結,廣告突然載入撐開版面,連結被往下推,讀者點到廣告去了。這在 Core Web Vitals 裡叫 Cumulative Layout Shift(CLS,累計版面位移),是 Google 衡量頁面體驗的指標之一。降低廣告 CLS 的關鍵,是預先保留廣告的空間。Ad Inserter 在每個 Block 可以設定固定的最小高度,讓廣告載入前那塊區域就先佔好位置,載入後不會把下面的內容往下擠。這個設定不起眼,但對行動裝置的閱讀體驗影響很大,值得你在每個內文廣告 Block 都設定一次。
廣告放太多會怎樣
自然搜尋位置與點擊率的第三方研究(如 Backlinko 於 2025 年 4 月的 Google CTR 統計)可用來理解 SERP 行為,但不能用來證明頁內廣告密度會透過跳出率直接改變排名。首屏塞滿廣告的主要風險是遮住主要內容、造成版面位移、降低閱讀與轉換。應以收益、可視率、Core Web Vitals 與站內任務完成率共同判斷。
廣告封鎖偵測與三個常見地雷排解
Ad Inserter 的部分版本提供廣告封鎖偵測,可顯示替代內容;統計與進階行為是否可用要看版本、方案與瀏覽器環境。偵測結果只能當估計,不能視為完整的被封鎖造訪數。
不過要提醒一句,廣告封鎖偵測本質上是一場貓捉老鼠的遊戲,封鎖器會更新、偵測手法也會跟著演進,它不是一勞永逸的解法。比較健康的策略是:對封鎖廣告的讀者,改放不靠廣告 script 的內容,例如聯盟連結、自家產品或服務的 CTA。比起硬跟封鎖器對抗,把這批讀者轉化成其他價值更實際。
換個角度看,廣告封鎖器的讀者往往是你最忠誠、最懂網路的一群人,他們會裝封鎖器,代表他們是重度網路使用者,也代表他們對內容品質更挑剔。對這群人硬推廣告或用彈窗堵他們,只會把他們推走。反過來,如果你能在偵測到封鎖時,給他們一個支持這個網站的溫和訊息,例如邀請加入電子報、追蹤社群、或認識你的服務,反而能把廣告封鎖器這個損失,轉成另一種關係的開始。心態轉過來,封鎖器就不再是敵人。
三個常見地雷
實際操作下來,新手最常踩的坑大概是這三個,逐一講怎麼排解。
- 廣告完全不顯示。九成的成因是過濾器設太嚴,例如同時設了「只在分類 A 出現」又設了「排除分類 A」,邏輯打架,自然什麼都不出。檢查 Filters 頁面的所有勾選項,尤其注意 Page Type 是不是被設成了不相干的類型。還有一個容易錯過的點:剛儲存後請清一下快取,否則你看到的還是舊的快取頁面。
- 廣告出現在不該出現的頁面。通常是「After Post」或「Before Content」這類位置被套用到所有 page type,連靜態頁面和 WooCommerce 商品頁也被插了廣告。解法是在 Filters 把首頁、商品頁、聯絡頁這些不該放廣告的類型排除掉。
- 追蹤碼重複觸發或漏觸發。重複通常是同一支碼裝了兩份(Site Kit 加 Ad Inserter 各一),漏觸發則可能是 code 被快取外掛的「延遲 JavaScript」功能延後到沒執行。用前面教的開發者工具 Network 面板檢查是最快的方法。
這三個問題背後其實是同一個觀念:改完設定,一定要開無痕視窗實際看一下前台,而不是只信任後台顯示。你身為登入的管理員,看到的頁面跟一般訪客往往不一樣。
備份、跨站搬移與除錯模式
Ad Inserter 的設定頁面右側有一個 Import 與 Export 功能,可以把你所有的 Block 設定匯出成一個檔案,再匯入到另一個站。這個功能在兩個情境特別好用:一是你有一個測試站、一個正式站,先在測試站把廣告位置調好,確認沒問題再匯入正式站,避免拿正式流量當白老鼠;二是你幫多個客戶管理網站,每個站的廣告佈局類似,匯出一次就能快速複製到其他站,省下重新設定的時間。
匯出之前,建議你做一件小事:在每個 Block 的備註欄(Description)寫清楚這個 Block 是做什麼的。例如「Block 1:AdSense 內文,第三段後,限桌面」「Block 5:Meta Pixel,Header 全站」。半年後你回來改設定,或是交接給別人,這些備註會救你一命。很多站的 Ad Inserter 後台,十幾個 Block 沒有任何說明,時間一久根本沒人記得哪個是做什麼的,於是沒人敢動,最後變成一座不敢拆的廣告墳場。一份小小的備註,就能避免這種局面。
用除錯模式找出廣告放哪了
當廣告不顯示或位置不對,別急著瞎猜,先打開 Ad Inserter 的除錯模式。主設定裡有一個 Debug 選項,勾起來後,前台會在每個插入位置顯示一段標記,告訴你「這裡是 Block 2、Automatic Placement、After Paragraph 3、目前被哪個過濾器處理」。你就能一目了然看到每個 Block 實際被放在哪、有沒有被過濾器擋掉、為什麼擋掉。除錯完記得關掉,別讓一般訪客看到這些標記。這個小習慣能幫你省下大量反覆測試的時間,也比對著後台設定憑空想像要可靠得多。
除錯模式跟前面講的開發者工具 Network 面板,是一對好搭檔:Network 看的是「代碼有沒有被觸發、被觸發幾次」,Debug 看的是「代碼被插到 HTML 哪個位置、有沒有被過濾掉」。一個看行為,一個看位置,兩個一起用,廣告與追蹤碼的疑難雜症幾乎都能定位到原因。習慣把這兩個工具放進你的排查流程,你會發現 WordPress 的前端問題沒有想像中那麼玄。
這樣部署:一個可重複的流程
講了這麼多功能,落到實際操作,建議用一套固定流程把 Ad Inserter 部署進任何一個 WordPress 站。這是一套在各種站點都適用的通用順序。
- 先把追蹤碼裝好,再裝廣告。開 Block 放 GA4 或 GTM 容器碼到 Header,開 Block 放 Meta Pixel 到 Header,開 Block 放 Search Console 驗證碼。用 Ad Inserter 統一管理這些全站碼,未來換主題不會掉。
- 決定廣告數量上限。依文章長度訂一個原則,例如 1500 字以下最多一塊內文廣告,1500 字以上最多三塊。把這個原則寫在一份小小的編輯規範裡,未來合作寫手也照著走。
- 正文用 Ad Inserter 手動、邊角用 AdSense 自動。把內文廣告交給 Ad Inserter 的 After Paragraph,把錨定與插頁廣告留給 AdSense 自動廣告,分工清楚。
- 開裝置過濾。手機版的內文廣告數量砍半,大尺寸橫幅設成桌面限定。記住手機版才是你排名的主戰場。
- 設排除清單。首頁、聯絡頁、關於頁、服務頁、WooCommerce 結帳頁,全部把廣告排除掉。這些頁面要的是轉換,不是廣告費。
- 開延遲載入,配快取外掛測一次。開啟 Ad Inserter 的 lazy load,然後在快取外掛裡確認動態部分被正確排除,用 PageSpeed Insights 實測前後差異。
- 用平台除錯工具驗證追蹤碼。打開無痕視窗,以 Tag Assistant、GA4 DebugView 或對應平台工具核對事件名稱、識別碼與參數,確認沒有相同事件重送或漏送。
走完這七步,你的廣告與追蹤碼佈局會是「可控、可量測、不拖垮速度」的狀態。比起一開始就把所有廣告位開好開滿,這套流程慢一點,但每一步都站得住腳。而且因為設定都集中在 Ad Inserter 後台,未來你要加新的追蹤碼、調整廣告數量、或把整份設定搬到另一個站,都不用再回頭碰佈景主題檔案。這份「不綁死在主題裡」的自由,才是這個外掛長期最大的價值。
Ad Inserter 這類外掛的存在,其實反映了 WordPress 生態一個很重要的特性:你不需要會寫程式,也能做到以前只有工程師才做得到的精準部署。廣告放哪、追蹤碼給誰、什麼裝置看到什麼,這些過去要改 header.php、改 functions.php 才能做的事,現在全被收進一個後台。講白一點工具會越來越簡單,但「為什麼要這樣放、放多少、給誰看」這些判斷,永遠是你的功課,不是外掛能幫你決定的。把判斷做對,工具自然會幫你把價值放大。現在,就挑你站上流量最高的那篇文章,打開 Ad Inserter,先從一個手動插入的內文廣告開始吧。
如果你在部署廣告與追蹤碼的過程中,卡在「廣告跟 SEO 怎麼取捨」「追蹤碼到底裝哪幾支才夠」這類大一點的問題,或想找人幫你把整個 WordPress 站的變現與數據架構一次理順,Whoops SEO 提供 WordPress 與 SEO 的顧問服務。多數狀況你自己照著這篇走完就夠了,需要的時候再找我們。
常見問題
Ad Inserter 可以設定幾組廣告?
Ad Inserter 免費版夠用嗎?需要升級 Pro 嗎?
怎麼讓廣告只出現在文章、不出現在首頁?
Ad Inserter 會拖慢網站速度嗎?
操作步驟
- 安裝並啟用 Ad Inserter,確認後台「設定 > Ad Inserter」能開啟設定頁。
- 到 AdSense 建立回應式廣告單元,複製整段廣告碼。
- 在欄位貼上代碼,顯示頁面只勾 Posts,插入位置先選 After Content,對齊置中。
- 按儲存後回到 List view 檢視整體佈局,必要時開啟 Debug 選項到前台確認每個 Block 的實際插入位置與過濾狀態。
- 清除快取與 CDN,等約半小時確認廣告實際顯示。
- 跑一到兩週後,把第二段之後、文章結尾、側欄等版位逐一補上,每組都設固定高度的佔位容器。
- 用 GA4 的工作階段數據觀察每位使用者的頁面瀏覽量與停留時間變化,淘汰讓體驗下滑的墊底版位。
- 定期回到 GA4 數據檢視各版位表現,依觀察結果調整版位數量與位置。