今天會寫這篇文章的原因,當然是因為我們家網站是靠廣告收入才能苟延殘喘生存下來,那些使用 AdBlock 或是 AdBlock Plus 廣告攔截程式的人對我們來說就像看見蟑螂一樣討厭。不過我們卻是有非常好的理由阻止你不要使用這類程式,而且保證對你有好處,因為我自己的電腦就沒裝。

我不使用 AdBlock 的原因,絕對不是自己也在弄網站這麼矯情,而是因為 AdBlock 骨子裏就是個差勁的傢伙,至於他有多差勁,就讓我下面講給你聽。如果你不聽,那我就……

Lego_Blood_Trail_Abdul_Rahman(Credits: Abdul Rahman)

第一點,AdBlock 攔截廣告的技術,是透過**偵測網頁程式碼當中不特定的程式技術(JavaScript)**來達成。

問題是這種程式技術對普通網站來講都是基本網站開發常見的程式語言,換言之你在阻擋廣告的同時,也阻擋了網頁設計師原本想要呈現的內容原貌。

而我一向相信,對於智慧思想的發展而言,是寧可在荊棘中發現也不願在安逸中錯過。

Light-16-Sample-Photo-Sunset-Bridge-Sea-Bird

第二點,在安裝 AdBlock 或 AdBlock Plus 後,程式(或稱插件、擴充功能)會常駐在 Google Chrome 或 Firefox 系統核心內,佔用電腦的內部記憶體。

雖然這類程式單獨佔用的記憶體不算多,但是它們佔用的記憶體份額,卻會隨著打開的瀏覽器頁面數而倍增。原本你打開一個網站, AdBlock 只會執行一次,但是當你打開第二個網頁時又會執行第二次並且維持等待下一次頁面更新的執行狀態。

這也就是為何我們在瀏覽器中開啟越多的網頁數,就會發現電腦變得越加緩慢是一樣的道理,而 AdBlock 或 AdBlock Plus 必須執行的分析程式碼與隱蔽程式碼等功能,更是用力殺了電腦資源一刀,除了消耗更多電腦記憶體外,也會延緩打開網站頁面的速度(因為必須偵測頁面程式碼是否有廣告程式,並且進行覆寫)。

事實上我的 Google Chrome 瀏覽器只安裝唯一一個必要擴充功能「Google 翻譯」,瀏覽網頁的速度或是運算執行,真的跟以往安裝五六個以上擴充功能差很多喔,不相信你也可以試試看!要是臉書(Facebook)載入的速度卡卡時,你也可以試著先把 AdBlock 移除看看,應該會順暢許多。

另外,當你在寫論文或是寫文案要交報告時,我更不建議你安裝這類廣告攔截程式。許多網站都有安裝反偵測程式,會在你系統裡打架,有可能造成電腦當機。牽涉到能不能畢業這檔事當然得更加慎重。

credits: Neil Conwaycredits: Neil Conway

第三點,從我們網站開發者的角度而言,AdBlock 或是 AdBlock Plus 這類廣告攔截程式其實根本不算問題,我們很容易就能利用它偵測廣告碼的技術,另外設計出反制程式。

例如當你的瀏覽器廣告攔截程式運作時,我可以直接遮蔽網站內容根本不給你觀看(如下圖示範)。

anti-adblock_chrome_browser_disable_program

那麼為何我們家不弄?

這得從網站經營者的角度來看,如果讀者單方面使用廣告攔截程式,那就只是網站經營者自己受傷,一旦網站開始內建「反廣告攔截程式」時,不僅觀感上會讓用戶感覺電腦被入侵,實際上網站本身也須額外負擔被消耗掉的系統資源,如此一來最後受傷的就會是讀者與網站經營者的雙輸局面。

這絕對不是我們所樂見,也絕對不是網際網路該有的未來發展。

對於網站經營者而言,那些使用廣告攔截程式的人,不願承擔責任就想取得免費的知識,甚至私自破壞開發者針對網站的整體設計,在我們眼裡就跟小偷蟑螂一模一樣。

我們不設計反 AdBlock 的網站,是為了讀者著想,但是當讀者使用 AdBlock 時,又有為我們經營者著想?

internet_image_dennis_skley_cclicence

如果要用 AdBLock Plus 廣告攔截程式

如果你非得用 AdBLock 和 AdBlock Plus 這些廣告攔截程式,雖然只是浪費電腦資源與效率,我們還是建議你一定要採取兩種措施。

第一,把我們《鷹眼觀察》網站列入白名單,小編淚眼婆娑求您了(直接放大絕招 ˊ_>ˋ)。

image credits: Jinliang Lin.

第二,平常瀏覽網頁時,預設停止或暫停「AdBlock、AdBlock Plus」運作,讓程式進入休眠狀態。

雖然只是休眠,一樣會消耗電腦記憶體,但至少不會像即時偵測(或稱實時偵測)時一樣佔用太多資源。等到你在瀏覽「特殊」網站發現過多的惱人廣告,甚至是網站故意把廣告設置在按鈕旁邊,導致你經常不小心按到時,再開啟廣告攔截程式即可。

多一點小動作,就能讓電腦運作更順暢,讓優秀網站得到該有獲利,更能讓你在瀏覽「特殊」網站時能夠一樣方便,這可是三贏局面!

我不用 AdBlock 廣告攔截程式的結語

我知道很多朋友會安裝 AdBlock 或是 AdBlock Plus 這類廣告攔截程式,是因為覺得有些網站上的廣告內容非常討人厭,妨礙自己吸收內容知識的流暢感。

早年網際網路還在摸索期時代的廣告呈現方式,其實真的亂七八糟毫無章法,但近年很多廣告平台業者已針對廣告格式制定許多露出規範,只要你瀏覽的是一般正常網站,網頁廣告呈現大多不會太討人厭,在可接受的範圍內。例如規模不足的網站甚至還有放置廣告數量的限制。

但要是像一些色情網站或是漫畫網站之類的非主流「特殊」網站,由於他們一開始架設網站的動機就已經不具備正當性,他們的廣告當然很多都是不見容於世間衛道人士眼中,包括色情、傳銷、詐騙類的廣告,這種網站不看也罷,看了也只是多一分負面學習教材,壞的還是自己的眼睛。

事實上很多正規廣告商也不樂意將自己的廣告在這些「特殊」網站上投放,因此我們身為網路世界的一員,當然必須讓善良的網站主擁有適當的獲利,也才能讓這些網站主有餘力繼續從事優質創作,相信您一定也同意這點的對吧!

讀者常見問答 Q&A

Q1:上網看文章就像去餐廳吃飯,為什麼不能拒絕推銷廣告?

讀者 光 詢問: 我去餐廳吃飯是去吃東西的,餐廳不能強迫我看廣告或推銷我不需要的東西,我想專注吃東西(看內容),不想被打擾,為什麼裝廣告攔截器不能被接受?

工字號回覆: 這個比喻忽略了一個最根本的前提:去餐廳吃飯,你是有從口袋掏錢付帳的。

當你買單了餐點與服務費,餐廳自然沒有任何正當性逼你看電視牆推銷;但網路上的免費內容生態截然不同——讀者沒有為文字創作、工程除錯心得或伺服器頻寬支付任何一毛現金,這個生態之所以能運轉二十年,依靠的正是讀者以「非侵入式的廣告曝光與注意力」作為免費閱讀的等價交換。

如果你真的追求極致無廣告的乾淨體驗,完全正當的現代解法是「使用者付費」——例如訂閱 YouTube Premium、加入 Medium 付費會員,或是透過贊助管道直接支持創作者。一邊享受別人花費數十個小時整理的知識與自費承擔的伺服器成本,一邊理直氣壯地用外掛把支撐營運的基石徹底抹去,這絕不是值得誇耀的消費權利。

Q2:網頁一堆廣告閃爍跳動毫無美感,難道不是網站主自作自受?

讀者 kaizin564 詢問: 台灣一堆網站版面亂七八糟、滿滿蓋版跟閃爍廣告,毫無排版美感可言,這根本是自作自受,不擋怎麼看得下去?

工字號回覆: 不可否認,網路上確實存在少數為了壓榨流量而不擇手段的內容農場與惡質網站。但從前端工程的角度來看,許多人看到的「版面破碎錯位」,反而是因為 AdBlocker 暴力介入所造成的結果。

現代網頁普遍採用 CSS Grid 與 Flexbox 等彈性流式佈局,廣告容器通常佔有固定的計算尺寸。當阻擋外掛透過規則直接將 DOM 元素粗暴拔除或硬塞 display: none !important; 時,父層容器往往會因為缺失錨點而產生骨架崩塌、內容文字被擠壓移位的現象。把少數害群之馬的惡劣設計,無限上綱到所有遵守 Google 廣告擺放規範、注重閱讀節奏的獨立技術站點,對認真調校版面美學的開發者並不公平。

Q3:有些網站安裝反阻擋偵測導致系統打架甚至卡死,難道不是網站技術太差?

讀者 信平 詢問: 會卡頓當機是因為有些網站自己愛裝反廣告偵測程式,在用戶系統裡打架搞鬼,這難道不是網站開發者的問題?

工字號回覆: 技術的因果關係必須釐清清楚:沒有外掛的暴力攔截,就沒有後續的相容性衝突。

反偵測機制在前端本質上只是一段標準的驗證腳本,測試特定的全域物件或資源請求是否正常加載。問題出在 AdBlocker 的擴充功能往往透過覆寫原生 window 屬性、劫持 fetch / XMLHttpRequest 或硬性攔截網路請求來阻止代碼運作。

當瀏覽器底層 API 被第三方外掛以「非標準方式」篡改,而頁面本身的正常功能(如非同步載入、留言模組、代碼高亮插件)恰好依賴同一個生命週期時,就會引發連鎖的 Uncaught TypeError 與腳本中斷。將外掛引發的環境污染責任推給遵守標準 Web API 開發的網站主,顯然本末倒置。

Q4:廣告攔截器只擋第三方廣告的 JS 代碼,真的會影響網頁正常閱讀嗎?

讀者 voter2 詢問: 現代阻擋程式大多只是根據規則庫過濾掉特定第三方追蹤與廣告的腳本,文字與核心樣式依然正常呈現,真的有嚴重到「破壞網頁原貌」嗎?

工字號回覆: 在傳統的純靜態 HTML 時代或許影響有限,但在現代前端架構中,「過度攔截(Over-blocking)」已經是極為普遍的災情。

現代 Web 應用多採用模組化打包(如 Webpack、Vite),分析工具、身分驗證、互動留言板或程式碼高亮庫,往往與其他通用工具函數打包在同一個 Chunk 或共用相同的變數命名空間。AdBlocker 的黑名單規則庫往往包含模糊匹配(例如包含 track、banner、analytics 等字眼的檔案路徑或 CSS Class 均一律阻斷)。這直接導致大量讀者在回報「為什麼留言送不出」、「為什麼登入按鈕點了沒反應」、「為什麼文章折疊區塊點不開」時,排查到最後才發現兇手正是瀏覽器裡的廣告外掛。

Q5:大家都開外掛白嫖,優質的個人獨立站長最後該何去何從?

讀者 Q 感嘆: 獨立經營網站本來就不容易,如果每個人都開阻擋外掛白嫖,小網站連伺服器水電費都打不平成本,最後豈不是逼優質創作者只能全部放棄關站?

工字號回覆: 讀者 Q 點出了整個獨立網路(Indie Web)最沉重也最真實的困境。

一個無廣告、純奉獻的網路烏托邦看似美好,但伺服器雲端租金、網域名稱年費、SSL 憑證、CDN 流量以及創作者數百小時的研析除錯,每一項都是扎扎實實的真金白銀。當讀者一面倒地視「免費且無廣告」為理所當然時,最終的市場結果就是:優質的獨立站長紛紛離場關站,網路生態徹底被手握巨額資本的封閉社群平台與充斥置入性業配的財團農場瓜分殆盡。

珍惜願意公開分享深度原創技術的獨立站台,從將喜愛的站點加入廣告白名單開始,這才是讓健康、多元的中文網際網路得以延續的良性循環。

Q6:我本來就對廣告免疫、消費不受影響,擋掉廣告對廠商形象反而更好?

讀者 Q 詢問: 擋到優質內容或變慢的情形從來沒遇過,倒是沒廣告載入變快的情形比較常見。其實很多人擋廣告是因為本來就對廣告免疫,消費幾乎不受廣告影響。硬要塞廣告給這些人,讓人煩了反而劣化廠商形象。擋掉廣告其實對廠商還比較好?

工字號回覆: 這種說法看似替廠商著想,實質上卻是以自創的藉口來合理化「單方面白嫖創作內容」的行為。

首先,「對廣告免疫」往往只是一廂情願的倖存者偏差。現代數位行銷的目的早已超越了「立刻點擊並購買」,更多時候是在大腦潛意識中建立品牌曝光度(Brand Awareness)與信任錨定。當你未來某天在通路貨架或搜尋引擎挑選同類產品時,潛意識裡早就被先前的廣告曝光所影響。

其次,也是最核心的本質:廣告分潤制度是支撐免費網路生態的生命線。許多展示型廣告(如 CPM 計費模式)只要讀者瀏覽頁面、廣告成功露出,聯播網就會結算微薄的展示收益給站長,用來支付每月高昂的伺服器頻寬與雲端資料庫費用。

當你用外掛把廣告徹底擋掉時,廠商並沒有因此省下預算,真正被你直接傷害並切斷維生管線的,是免費花費幾十個小時除錯、整理技術文章並自掏腰包維持伺服器運轉的網站作者。如果你真的極度排斥商業廣告,合乎格調的做法是選擇提供付費無廣告方案的訂閱平台,或者關閉視窗另尋資源,而不是一邊榨取別人心血,一邊聲明自己「擋廣告是為了廠商好」。

✦ 獨立報導 · 讀者支持 ✦

以實際行動支持獨立觀點,與我們一同走得更遠

每一篇條理清晰的分析、每一次不隨波逐流的觀察,背後都是對真實與品質的堅持。我們拒絕內容農場與演算法流量綁架,堅持自由獨立的客觀發聲。

維持高品質的原創寫作與獨立營運,需要持續的實質力量。您可以選擇一次性贊助或每月定期支持,透過 Google 安全結帳,與我們一同守護這份深刻與清醒。

由 Google 安全處理付款 · 可隨時於 Google 帳戶管理或取消

為節省資源,留言將於捲動至此處或點擊按鈕後載入。