Hexo NexT接入Google AdSense广告

个人博客从今年七夕建站至今,算来有二十来天了,也学着写了些文章,陆陆续续的有更新,目前多是围绕 NexT 主题展开。文章的内容,主要是自己建站过程中的一些积累,觉得不错的的就记录下来,期间对博客也是一顿捣鼓,参考了很多优秀博客,集大家之所成!

最近发现有的博客接入了广告模块,觉得有点意思,遂学着做了。PS:主要是听说能赚点外快,嗯!

需要接入Google AdSense,那首先就得注册账号,登录Google AdSense进行注册,过程比较简单,这里略过。

添加广告代码

完成注册后,将谷歌提供的代码添加到博客的<head>标签内,比如我是在/themes/next/layout/_partials/head.swig头部位置添加的:

1
2
3
4
5
6
7
8
9
10
11
12
13
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="theme-color" content="{{ theme.android_chrome_color }}">

<!--接入谷歌广告-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-2723999557244339",
enable_page_level_ads: true
});
</script>

完成后,可先在本地浏览器确认(打开调试工具或者查看网页源代码,搜索到相关代码即可)。无误后部署正式环境,然后在Google AdSense中点验证,之后谷歌就会核查你的网站,进行验收。

此过程一般会在三天左右,Google AdSense就会发邮件通知你是否通过审核。

关于审核的事:我第一次申请被拒,再次申请通过了,建站二十来天,文章十篇左右。

广告位配置

审核通过后,登录Google AdSense,在Ads页签下,可以看到有Auto ads(自动广告)和Ad units(广告单元),可根据自身网站选择性配置。

Auto ads

其实,当审核通过后,Google AdSense已自动为你的网站接入了自动广告

n1Qmxs.png

这是在配置自动广告时得到的代码,和之前添加的验证代码时一样的,所以这里就不用再配置了。

谷歌自动广告会根据页面布局、网页上的内容量以及现有Google广告等不同元素自动发布新广告,还是比较智能化的。

不过嘛,投放的主动权在别人手里,什么时候投放广告这个时机不确定,也得根据你的网站来进行适配,参考文档

PS:博客做了手机端适配后,已正常接入谷歌自动广告。

Hexo NexT主题移动端样式适配

Ad units

可以根据博客布局,自己选择合适的广告展示位,Google AdSense提供三种固定的广告位:

n1QuMn.png

Display ad:定制后,可放于博客侧栏、文章正文之外的地方
In-feed ads:这个说是可以放在文章列表之间,具体的没试过。
In-article ads:可嵌入每篇文章正文内部(在文章正文内引用广告代码)

我现在使用的第一种:Display ad,选择后使用的是默认配置,然后得到如下代码:

1
2
3
4
5
6
7
8
9
10
11
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 侧边栏广告 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2723999557244339"
data-ad-slot="8502308415"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
  1. /themes/next/layout/_custom/目录下,新建google_adsense.swig文件,拷贝如上代码。

  2. /themes/next/layout/_macro/sidebar.swig侧栏中,选择要加广告的位置,比如我是加在theme.sidebar.b2t下方:

1
{% include '../_custom/google_adsense.swig' %}
  1. /themes/next/layout/_partials/comments.swig评论底部加入广告:
1
2
<!-- 评论区谷歌广告 -->
{% include '../_custom/google_adsense.swig' %}

加完之后,部署上线,最后的看到的效果如下:

n1QheP.png

这里只在侧栏评论区加了广告,若是想在地方也加上,可在对应位置引入即可。

有关广告单元的其他问题,参考这里

广告条款

Google也会根据几种方式和数据判断广告点击是否作弊,从而注销你的账号

  1. 作弊广告点击者的IP地址与你Adsense账户登录IP地址相同
  2. 作弊广告点击的CTR数据太高
  3. 作弊广告点击者的IP地址来自同一个地理区域
  4. 根据Cookies判断作弊Adsense广告点击
  5. 作弊广告点击者页面停留时间太短
  6. 直接访问者的广告点击率过高
  7. 流量小但广告点击率高
  8. 在网页上用文字提示请求鼓动点击广告

参考:
Google AdSence Policy center
Daryl’s Blog
Hexo接入Google adsense广告

想知道自己是不是违规了,可以在政策中心进行查看:

到此,接入Google AdSense已完成。

说完了放广告,最后介绍一款不错的广告拦截插件:AdBlock,可在Chrome网上应用店下载

点击查看

本文标题:Hexo NexT接入Google AdSense广告

文章作者:北宸

发布时间:2019年08月30日 - 17:20:07

最后更新:2019年10月07日 - 11:50:46

原始链接:https://leafjame.github.io/posts/662668482.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------------本文结束 感谢您的阅读-------------------