前言
个人网站
公众号: 北京程序猿, 网站 : https://yaml.vip
添加google adsense目的
在写博客的同时还有可能有钱赚,何乐为不为?
本文初衷
- 网上搜集的配置google adsense教程,没有一个可以让我展示出google广告。
- 分享自己配置google adsense的过程,避免大家采坑。
流程
说明
- google adsense对网站内容有要求。
- 网站必须提交几篇(博主写了五篇)博客之后再去申请google adsense,否则会被拒。
google adsense账号
申请google adsense账号,见网址
adsense代码
- 登录google adsense,首页申请google adsense,google会生成一段代码。
- 复制代码到themes/next/layout/_partials/head.swig其中一script块下面。
- hexo deploy网站,google adsense首页上确认已添加代码到网站中,等待审核。
- 博主是2019.03.18下午申请,3.19上午就收到申请通过的邮件。
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7126877795421398",
enable_page_level_ads: true
});
</script>
广告单元
审核通过之后我们可以以自己的方式放置google adsense广告,这时候广告单元就派上用场了。
- 点击google adsense首页下方广告的子模块广告单元,右侧点击新建广告单元。
- 广告类型有三种,选择文章内嵌广告即可。
- 填写广告单元名称,保存并生成代码。
- 在themes/next/layout/_macro下新建google_adsense.swig文件,将代码复制过去。
- 修改themes/next/layout/_macro/post.swig文件,看第二个代码块中新建的swig文件如何引用。
- google_adsense.swig文件引用位置决定广告展示位置,位置自己决定。
- hexo deploy代码到github pages上,可能需要20-30分钟广告才会显示在网页上。
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-7126877795421398"
data-ad-slot="8254593804"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<footer class="post-footer">
{% if theme.post_tag_show.enabled and post.tags and post.tags.length and not is_index %}
<div class="post-tags">
{% for tag in post.tags %}
<a href="{{ url_for(tag.path) }}" rel="tag"><i class="fa fa-tag"></i> {{ tag.name }}</a>
{% endfor %}
</div>
{% endif %}
{% if theme.recommended_posts.enabled and not is_index %}
<div>
<br />
{% include 'recommended_posts.swig' with {post: post, site: site} %}
</div>
{% endif %}
{% include 'google_adsense.swig' %}
结语
- 实践出真知
- 务必不要点自己的google adsense广告(听闻很危险)
- 务必不要让公司内部的同事去点击广告(听闻也很危险)
本文著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请于文首标明作者姓名,保持文章完整性,并附上出处和文章链接!未按规范转载者,作者保留追究相应责任的权利!
作者:北京程序猿