Hexo接入Google AdSense广告

Don’t be evil

前言

2019年开始,由于个人的博客站点已经建立几个月,一直安静地躺在那里做美男子。就想着接点小广告,赚一点睡后收入。于是搜索发现了Google AdSense ,发现它可以在hexo博客上挂上广告位进行展示,于是乎注册了一个账号,没想到今早通过了审核。
今天又弄了一下广告位的布局,总共commit了差不多10次左右,终于把广告位置排的比较合理了。

下面分享一下具体的执行步骤

注册AdSense账号

注册额链接:AdSense
ps:需要 V屁N(vpn),请自行找梯子。。。

注册.PNG

点击“SIGN UP NOW”,进行注册。如果你有谷歌账号那就很方便了,直接点击右上角的“SIGN IN”就好。

详细的注册步骤就不多做介绍,注意填写信息的时候,一定要谨慎,否则可能审核通不过,这样大大的浪费了你的时间。

填写完信息之后,需要将谷歌提供的代码放置到你的博客中。请参考下一个步骤

添加广告代码

AdSense要求要在 <head> 标记中添加了自动广告代码,只需在\themes\next\layout\_partials\head.swig中添加任意一个位置添加你获取到的代码。

例如:我将AdSense的代码和google分析的代码放置在一块,这样渲染的时候就会自动放置在某一个位置了。

1
2
3
4
5
6
7
8
9
10
11
{% if theme.google_site_verification %}
<meta name="google-site-verification" content="dYiRwj1ulGaUvTQRrCjJA9YKnNF8JN4wRKXzdbE6wBc" />
{% endif %}
<!-- 添加获取的代码 -->
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-123456789",
enable_page_level_ads: true
});
</script>

静候结果

添加了代码之后,如果顺利的话,google AdSense会发邮件到你注册的邮箱,在收到邮箱之后,登录AdSense,就可以而根据自己的博客站点选择相应的广告单元了。

ad.PNG

个性化配置博客

此处以 NexT 主题为例,介绍自定义配置的设置方式。

  1. 新建 theme/next/layout/_custom/google_adsense.swig,将 AdSense 上的代码粘贴进去
  2. theme/next/layout/_custom/head.swig 中也粘贴一份
  3. 如果在每篇博客里也想看到广告的话,在 theme/next/layout/post.swig 里中在希望看到的地方加上:
1
{% include '_custom/google_adsense.swig' %}

例如:我的博客中将一个自定义的广告快放置到了留言板下面
\themes\next\layout\_partials\comments.swig中将提供的代码放置进去

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
    {% elseif theme.valine_modify.appid and theme.valine_modify.appkey %}
<div class="comments" id="comments">
</div>
{% endif %}
<!-- 添加的内容 -->
<!-- 方式一开始 -->
{% include '_custom/google_adsense.swig' %}
<!-- 方式一开始 -->

<!-- 方式二开始 -->
<!-- liuyanlan_test -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-62682286883328"
data-ad-slot="32555273"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- 方式二结束 -->
<!-- 添加内容结束 -->
{% endif %}

此时如果 hexo server 的话是看不到广告的,因为 AdSense 的显示是 Google 控制的。

注意上面的两种方式只需要选择其中一种就可以了。

注意事项

在成功接入AdSense广告之后,有以下几点需要记住的。而且Google也会根据几种方式和数据判断广告点击是否作弊,从而注销你的账号。所以不要心存侥幸心理,好好发原创文章,提高网站的质量才是王道。

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

最后

虽然现在一般的个人博客站点流量一般都不大,但是有空余的地方放置一点广告还是能起到丰富博客的作用的。而且Google AdSense的广告相比百度联盟的还是比较优质的!

虽然赚不了几个,但是养着一个广告也是不错,万一过几年再上AdSense看一下可能就已经达到100刀的提现额度了呢。这也算是一种增加睡后收入的方法。

文章首发于慕课网:https://www.imooc.com/article/270946

0%