流量如何才能变现?实际测试谷歌广告联盟(Google Adsense)的广告效果以及如何优化相关代码

    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分以上,做到了挣钱和速度两不误。

    结语:流量变现是一个亘古不变的话题,好的网站内容可以带来流量,而不错的广告又可以带来收入从而更好的支撑内容的产出,二者相辅相成,缺一不可。