天天看點

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

作者:劉悅技術分享

2010年,谷歌正式退出中國市場,無數人扼腕歎息,如今十年過去了,谷歌還有兩條重要的業務線并沒有完全退出,一個是頁面統計業務(Google Analytics),另外一個則是谷歌廣告聯盟(Google Adsense),說起廣告聯盟,玩兒過網站的朋友應該并不陌生,對于中小型站長、部落客來說,要想通過網站的流量取得一些收入,除了和一些線下線上廠商談包月廣告位,更多的可能就是投放廣告聯盟廣告了。但随着網絡廣告的不斷發展,廣告形式有了很大的變化,出現了CPC、CPS、CPA、CPV等衆多廣告類型。

CPC—英文全稱CostPerClick;CostPerThousandClick-Through。CPC是一種點選付費廣告,根據廣告被點選的次數收費。如關鍵詞廣告一般采用這種定價模式,比較典型的有Google廣告聯盟和百度聯盟。此類廣告類型是目前大型廣告聯盟主推的合作方式,其展示的廣告單價也随廣告内容變化而改變。但此類廣告也不太科學,廣告雖然沒被點選,但是卻被浏覽者實實在在的浏覽了,廣告價值已經産生,但卻沒有給我們網站主收入。

CPS—英文全稱CostPerSales。CPS是一種以實際銷售産品數量來計算廣告費用的廣告,這種廣告更多的适合購物類、導購類、網址導航類的網站,需要精準的流量才能帶來轉化。

CPA—英文全稱CostPerAction。CPA是一種按廣告投放實際效果計價方式的廣告,即按回應的有效問卷或定單來計費,而不限廣告投放量。CPA的計價方式對于網站而言有一定的風險,但若廣告投放成功,其收益也比CPM的計價方式要大得多。CPA廣告較為常見的就是頁遊的推廣,我們點選廣告并注冊遊戲賬号,此時網站主将取得收益;另外還有軟體安裝、注冊登入等等,此類廣告較為适合下載下傳站、影視站。

CPV-CostPerView 又稱富媒體廣告,按展示付費,即按投放廣告網站的被展示次數計費,網站被打開一次計一次費,按千次IP計費。

谷歌聯盟囊括了上述幾種廣告類型,谷歌聯盟的優點在于能夠智能分析網站的内容和布局,自動為網站定制一整套的廣告系統,可以自适應網站内容的同時亦能自适應網站布局(包括移動端),而網站使用者僅僅需要将一小段js代碼植入網站内部即可。

首先,需要注冊谷歌廣告聯盟 https://www.google.com/adsense

注冊成功後,即可進入首頁,本站去年年底植入廣告,測試了大概半年的時間,也有了一定的收入,大概50刀左右,可見接入廣告聯盟還是有一定的效果,不過需要注意一點,谷歌聯盟需要滿100刀才能将收入打入站長的賬戶。

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

此時,可以進入廣告-》概覽 來建立廣告單元,這裡推薦按廣告單元來建立,因為這樣操作比較靈活也友善使用者位址操作

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

建立成功後,谷歌聯盟會将一段js代碼傳回給你,分兩種類型html和amp,一般情況下我們應該選擇html類型的代碼,而amp則是移動端的加速頁面類型,這裡先按下不表。

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

将該代碼放到<body></body>标簽之間即可。

設定好以後,過一段時間就可以看到廣告出現在你的網站上了,效果是這樣的

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

優點顯而易見,完美融入到頁面中,不會讓使用者感到突兀或者厭煩。

這裡還可以進行一些設定來優化廣告内容,在屏蔽功能設定中,你可以有選擇性的過濾一些廣告,比如一個技術性科技站點,你當然不希望谷歌給你放上點有辱斯文的性感内衣廣告了。

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

還有千萬不要被利益沖昏了頭腦,馬克思說過:當資本來到了你的網站,每一個毛孔都會流淌出肮髒的鮮血(大誤),是以可以通過調整廣告平衡設定來避免你的網站成為小廣告之家。

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

最後,谷歌廣告聯盟有沒有缺點?當然有了,就是那一小段廣告植入的js代碼,實在是太太太太慢了,嚴重影響網站的加載速度,在移動端更是平均浪費大概800ms來加載智能廣告,簡直難以令人忍受,雖然說實時線上演算技術耗點時間也情有可原,但是在追求效率的2020年,是完全不能接受的,非常諷刺的是,連谷歌自己出品的網站測速拳頭産品(https://developers.google.com/speed/pagespeed/insights/)也對谷歌廣告的加載速度不敢恭維,對植入谷歌廣告的的網站進行測速結果:

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

隻有區區的86分,讓我們再來看看谷歌的廣告代碼:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- myad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="客戶id"
     data-ad-slot="廣告類型"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>           

很顯然,這段代碼是異步加載了js子產品之後,立刻進行廣告推送,也就是廣告推送和頁面加載靜态資源幾乎是同時進行,我們可以針對這個問題人為的改造一下。

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="客戶id"
     data-ad-slot="廣告類型"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script type='text/javascript'>
(function() {
var done = false;
var script = document.createElement('script');
script.async = true;
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';

var createScript = setTimeout(
function(){
document.getElementsByTagName('HEAD').item(0).appendChild(script);
}, 5000
);

script.onreadystatechange = script.onload = function(e) {
if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
(adsbygoogle = window.adsbygoogle || []).push({});
}
};
})();
</script>           

原理就是利用setTimeout方法進行延時操作,異步加載成功之後,刻意停留5秒等網站其他的靜态資源加載完畢,然後再進行廣告的推送,這樣對于整體加載速率有了一定的提升,優化之後在進行速度測試

流量如何才能變現?實際測試谷歌廣告效果如何優化相關代碼

可以看到效果非常明顯,又回到了90分以上,做到了掙錢和速度兩不誤。

結語:流量變現是一個亘古不變的話題,好的網站内容可以帶來流量,而不錯的廣告又可以帶來收入進而更好的支撐内容的産出,二者相輔相成,缺一不可。

繼續閱讀