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

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_150

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则是移动端的加速页面类型，这里先按下不表。

将该代码放到标签之间即可。

设置好以后，过一段时间就可以看到广告出现在你的网站上了，效果是这样的

优点显而易见，完美融入到页面中，不会让用户感到突兀或者厌烦。

这里还可以进行一些设置来优化广告内容，在屏蔽功能设置中，你可以有选择性的过滤一些广告，比如一个技术性科技站点，你当然不希望谷歌给你放上点有辱斯文的性感内衣广告了。

还有千万不要被利益冲昏了头脑，马克思说过：当资本来到了你的网站，每一个毛孔都会流淌出肮脏的鲜血(大误)，所以可以通过调整广告平衡设置来避免你的网站成为小广告之家。

最后，谷歌广告联盟有没有缺点？当然有了，就是那一小段广告植入的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分以上，做到了挣钱和速度两不误。

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

原文转载自「刘悦的技术博客」 https://v3u.cn/a_id_150