Hexo NexT接入Google AdSense广告

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

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

接入 Google AdSense,首先得注册账号,登录 Google AdSense 进行注册,过程略过。

添加广告代码

完成注册后,将谷歌提供的代码添加到网站的 <head> 标签内,比如我是在 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. next/layout/_custom/ 目录下,新建 google_adsense.swig 文件,拷贝如上代码。

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

1
{% include '../_custom/google_adsense.swig' %}
  1. 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

最后更新:2020年05月31日 - 17:20:24

原始链接:https://www.liaofuzhan.com/posts/662668482.html

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

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