个人网站从今年七夕建站至今,算来有二十来天了,也学着写了些文章,陆陆续续的有更新,目前多是围绕 NexT 主题展开。文章的内容,主要是自己建站过程中的一些积累,觉得不错的的就记录下来,期间对网站也是一顿捣鼓,参考了很多优秀网站,集大家之所成!
最近发现有的网站接入了广告模块,觉得有点意思,遂学着做了。PS:主要是听说能赚点外快,嗯!
接入 Google AdSense,首先得注册账号,登录 Google AdSense 进行注册,过程略过。
添加广告代码
完成注册后,将谷歌提供的代码添加到网站的 <head>
标签内,比如我是在 next/layout/_partials/head.swig
头部位置添加的:
1 | <meta charset="UTF-8"/> |
完成后,可先在本地浏览器确认(打开调试工具或者查看网页源代码,搜索到相关代码即可)。无误后部署正式环境,然后在 Google AdSense
中点验证,之后谷歌就会核查你的网站,进行验收。
此过程一般会在三天左右,Google AdSense
就会发邮件通知你是否通过审核。
关于审核的事:我第一次申请被拒,再次申请就通过了,建站二十来天,文章十篇左右。
广告位配置
审核通过后,登录 Google AdSense
,在 Ads
页签下,可以看到有 Auto ads
(自动广告)和 Ad units
(广告单元),可根据自身网站选择性配置。
Auto ads
其实,当审核通过后,Google AdSense
已自动为你的网站接入了自动广告
:
这是在配置自动广告时得到的代码,和之前添加的验证代码时一样的,所以这里就不用再配置了。
谷歌自动广告会根据页面布局、网页上的内容量以及现有 Google 广告等不同元素自动发布新广告,还是比较智能化的。
不过嘛,投放的主动权在别人手里,什么时候投放广告这个时机不确定,也得根据你的网站来进行适配,参考文档。
PS:网站做了手机端适配后,已正常接入谷歌自动广告。
Ad units
可以根据网站布局,自己选择合适的广告展示位,Google AdSense
提供三种固定的广告位:
Display ad:定制后,可放于网站侧栏、文章正文之外的地方
In-feed ads:这个说是可以放在文章列表之间,具体的没试过。
In-article ads:可嵌入每篇文章正文内部(在文章正文内引用广告代码)
我现在使用的第一种:Display ad
,选择后使用的是默认配置,然后得到如下代码:
1 | <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> |
在
next/layout/_custom/
目录下,新建google_adsense.swig
文件,拷贝如上代码。在
next/layout/_macro/sidebar.swig
侧栏中,选择要加广告的位置,比如我是加在theme.sidebar.b2t
下方:
1 | {% include '../_custom/google_adsense.swig' %} |
- 在
next/layout/_partials/comments.swig
评论底部加入广告:
1 | <!-- 评论区谷歌广告 --> |
加完之后,部署上线,最后的看到的效果如下:
这里只在侧栏和评论区加了广告,若是想在地方也加上,可在对应位置引入即可。
有关广告单元
的其他问题,参考这里
广告条款
Google 也会根据几种方式和数据判断广告点击是否作弊,从而注销你的账号:
- 作弊广告点击者的 IP 地址与你 Adsense 账户登录 IP 地址相同
- 作弊广告点击的 CTR 数据太高
- 作弊广告点击者的 IP 地址来自同一个地理区域
- 根据 Cookies 判断作弊 Adsense 广告点击
- 作弊广告点击者页面停留时间太短
- 直接访问者的广告点击率过高
- 流量小但广告点击率高
- 在网页上用文字提示请求鼓动点击广告
参考:
Google AdSence Policy center
Daryl’s Blog
Hexo接入Google adsense广告
想知道自己是不是违规了,可以在政策中心进行查看:
到此,接入 Google AdSense
已完成。
说完了放广告,最后介绍一款不错的广告拦截插件:AdBlock
,可在Chrome网上应用店下载