Adsense 收益倍增術!讓使用者自願關掉擋廣告軟體

讓讀者關閉擋廣告套件的方法

 

「架網站賺廣告費」是許多初出茅廬網站經營者對自身、網路與未來的天真想像。一般來說只有流量高的嚇人的大型網站才有辦法靠廣告賺到可觀的收入,且那種用錢砸出來的商業級主流網站,廣告收入其實也只佔它們總收益的一小部份,上架、仲介、版權和各種分潤才是它們的主要收入來源。

 

因此像糊塗流浪貓這種奈米級的小站,是不太可能靠廣告費過生活的。別說達到基本收入了,從開站至今的 AdSense 收益能用來付一個月的網路費就要偷笑了。那為什麼還是有那麼多人願意投身網路和內容產業?或許,是對未來的想像與期望吧?

 

人生不該只是如此

 

經營個人事業就像種樹一樣,今天不種、明天就會後悔。無論你走的是部落格、專業技術教學、作品展示或聯盟行銷,當中都有無數的眉眉角角要解決,根本不是一兩本書或上幾堂課就學的會,多數還是得靠自己去突破才行。

 

雖然本站是流量不值一提的奈米小站,但長久下來所累積的廣告費用也不容小覷。畢竟能把知識和內容變現的話,何樂而不為?

 

然而靠廣告點閱與曝光賺錢已經夠坎坷了,很多讀者還會用 AdBlock 和 uBlock 這類軟體過濾網站上的廣告,進一步造成收益的損失。

 

過多的廣告會趕走讀者、沒有廣告又少了一份收益,到底該如何兩害相權取其輕呢?或許這就是網站經營的藝術了。

 

站長認為,我們不必使用激烈的手段強迫使用者看廣告,但可以透過一些「軟性」的方法來讓大家將網站加入白名單或關掉擋廣告軟體。簡單來說,就是說服讀者:

 


(σ゚∀゚)σ゚∀゚)σ゚∀゚)σ 

看嘛看嘛看嘛看一下廣告嘛 

 

 

那,到底該怎麼做呢?

參考我之前寫的用 JavaScript 修改 Blogger 網站上的 IPFS 圖片閘道器位置 (Gateway)教學,延伸應用其中的 JavaScript 程式碼,將網站圖片 img 標籤插入特定關鍵字的 class 屬性,觸發 AdBlock 阻擋圖片,即可達半強迫性「說服」讀者關閉擋廣告軟體。

 

你也能在重要的文章片段 p 或 div 標籤插入這項 class 屬性,讓使用者關閉擋廣告軟體來觀看隱藏內容。

 

以下建議各位關閉擋廣告套件 (AdBlock, uBlock) 和瀏覽器內建的「攔截追蹤器及廣告」功能,以閱讀完整的文章內容。

 

 

 

圖片插入觸發擋廣告軟體的關鍵字

版面配置 > 新增小工具 > 加入 HTML/JavaScript 新增以下程式碼翠維尼

 

<script type="text/javascript">
var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) { 
  imgs[i].className += "adsbygoogle";
}
</script>

 

如此一來,網站上所有 img 標籤內的圖片,都會加入 class="adsbygoogle" 屬性,觸發擋廣告套件阻擋圖片。將網站加入白名單、關閉 AdBlock 或 uBlock 即可正常顯示。

 

第二種方式,是直接在圖片網址末端插入會觸發擋廣告套件的關鍵字,示範如下。

 

imgs[i].src = imgs[i].src + "?/popads/?";

 

然而這個方法會導致檔名錯誤,圖片無法顯示。似乎只有 IPFS 插入的圖片才能這樣玩。且如果使用者瀏覽器內有圖片暫存檔的話,這個方式無法阻止圖片顯示。

 

 

重要文章段落插入觸發關鍵字

要玩,就玩大一點!既然圖片的 img 標籤能被阻擋,那我們也可以將關鍵技術文章段落的 code, p, div 標籤加上 class 屬性讓 AdBlock 阻擋。不過如果你的文章已經破上百篇的話,該如何隱藏過去的重要技術段落呢?難道真的要回頭一篇篇慢慢修改嗎?



現代問題需要現代手段!


雖然特定文章段落確實只能以手工的方式進行修改,但 code 這種含有關鍵技術的標籤可以用簡單的幾行程式碼來隱藏。


<script type="text/javascript">
const adct = document.querySelectorAll('[id^=adst],code,img');
for (var i = 0; i < adct.length; i++) { 
  adct[i].className += "adtech";
}
</script>
  


上面的程式碼是告訴瀏覽器,將 code, img 以及含有 id=adst 的標籤全部插入 class="adtech" 屬性,讓擋廣告軟體阻擋內容。未來如果想更換關鍵字或停用這種方法的話,只要修改或關閉 JavaScript 即可。




其他觸發關鍵字

除了 adtech 與 adsbygoogle 之外,以下這些關鍵字也能觸動 AdBlock 的敏感神經。

<div class="adsbygoogle">
<pre><code>
adsbygoogle, adtech, advert, banner, adwords, adv, ad, adsens, eader-ads, adtech, footer_ads, sidebar-ads
</code></pre>
</div>

 

 

 

結語

雖然這個方法有點粗糙且容易破解,但其實無妨。因為要擋的話,硬派玩家絕對沒在跟你 543,直接安裝 NoScript 讓網站上所有程式碼停止運作就好了。

 

但透過這種互動方式,讓站長與讀者雙方都能相互了解彼此的需求,也是網路經營中非常重要的課題。

 

 

 

延伸閱讀

用 JavaScript 修改 Blogger 網站上的 IPFS 圖片閘道器位置 (Gateway)

更多 Blogger 教學

更多 SEO 文章

 



留言

這個網誌中的熱門文章