流量如何才能变现？实际测试谷歌广告效果如何优化相关代码
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代码植入网站内部即可。
首先，需要注册谷歌广告联盟
注册成功后，即可进入首页，本站去年年底植入广告，测试了大概半年的时间，也有了一定的收入，大概50刀左右，可见接入广告联盟还是有一定的效果，不过需要注意一点，谷歌联盟需要满100刀才能将收入打入站长的账户。
此时，可以进入广告-》概览 来创建广告单元，这里推荐按广告单元来创建，因为这样操作比较灵活也方便用户地址操作
创建成功后，谷歌联盟会将一段js代码返回给你，分两种类型html和amp,一般情况下我们应该选择html类型的代码，而amp则是移动端的加速页面类型，这里先按下不表。
将该代码放到<body></body>标签之间即可。
设置好以后，过一段时间就可以看到广告出现在你的网站上了，效果是这样的
优点显而易见，完美融入到页面中，不会让用户感到突兀或者厌烦。
这里还可以进行一些设置来优化广告内容，在屏蔽功能设置中，你可以有选择性的过滤一些广告，比如一个技术性科技站点，你当然不希望谷歌给你放上点有辱斯文的性感内衣广告了。
还有千万不要被利益冲昏了头脑，马克思说过：当资本来到了你的网站，每一个毛孔都会流淌出肮脏的鲜血(大误)，所以可以通过调整广告平衡设置来避免你的网站成为小广告之家。
最后，谷歌广告联盟有没有缺点？当然有了，就是那一小段广告植入的js代码，实在是太太太太慢了，严重影响网站的加载速度，在移动端更是平均浪费大概800ms来加载智能广告，简直难以令人忍受，虽然说实时在线演算技术耗点时间也情有可原，但是在追求效率的2024年，是完全不能接受的，非常讽刺的是，连谷歌自己出品的网站测速拳头产品()也对谷歌广告的加载速度不敢恭维，对植入谷歌广告的的网站进行测速结果：
只有区区的86分，让我们再来看看谷歌的广告代码：
<script async src=""></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分以上，做到了挣钱和速度两不误。
结语：流量变现是一个亘古不变的话题，好的网站内容可以带来流量，而不错的广告又可以带来收入从而更好的支撑内容的产出，二者相辅相成，缺一不可。
使用JS文件调用Google AdSense广告的方法
在网页中插入 Google AdSense 广告，一般将源代码直接嵌入主题模板页面。事实上 Google AdSense 支持并允许使用 JS 文件调用。当然前提是不要因任何原因修改代码，或手动影响广告的定位。
对于通常的 HTML 静态网站，一般的做法是将公共头部和公共尾部都放到单独的 JavaScript 文件里，例如 header.js 和 footer.js，这样单独这两个 JS 文件，即可同时修改全部网站内容，因此我们可以考虑把 Google AdSense 的代码放到这个头文件里。具体做法如下：
首先，登陆 Google AdSense 后台，获取广告代码，通常代码如下：
<script data-ad-client="ca-pub-YOUR-ID" async src=""></script>
这样，我们把如下 JavaScript 代码放到 header.js 头文件里即可，代码如下。
var js = document.createElement("script");
js.setAttribute('data-ad-client', 'ca-pub-YOUR-ID');
js.setAttribute('async', true);
js.setAttribute('src', '');
document.head.appendChild(js);
上面的代码里，需要把 ca-pub-YOUR-ID 替换为用户自己ID号码。
这段代码和原始的 Google AdSense 的 JavaScript 原理完全一样，实际显示效果也一样。
