hexo博客next主题添加google adsense(亲测可用)

前言

个人网站

公众号: 北京程序猿, 网站 : https://yaml.vip

添加google adsense目的

在写博客的同时还有可能有钱赚，何乐为不为？

本文初衷

1. 网上搜集的配置google adsense教程，没有一个可以让我展示出google广告。
2. 分享自己配置google adsense的过程，避免大家采坑。

流程

说明

1. google adsense对网站内容有要求。
2. 网站必须提交几篇(博主写了五篇)博客之后再去申请google adsense，否则会被拒。

google adsense账号

申请google adsense账号，见网址

adsense代码

1. 登录google adsense，首页申请google adsense，google会生成一段代码。
2. 复制代码到themes/next/layout/_partials/head.swig其中一script块下面。
3. hexo deploy网站，google adsense首页上确认已添加代码到网站中，等待审核。
4. 博主是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广告，这时候广告单元就派上用场了。

1. 点击google adsense首页下方广告的子模块广告单元，右侧点击新建广告单元。
2. 广告类型有三种，选择文章内嵌广告即可。
3. 填写广告单元名称，保存并生成代码。
4. 在themes/next/layout/_macro下新建google_adsense.swig文件，将代码复制过去。
5. 修改themes/next/layout/_macro/post.swig文件，看第二个代码块中新建的swig文件如何引用。
6. google_adsense.swig文件引用位置决定广告展示位置，位置自己决定。
7. 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' %}

结语

1. 实践出真知
2. 务必不要点自己的google adsense广告(听闻很危险)
3. 务必不要让公司内部的同事去点击广告(听闻也很危险)

本文著作权归作者所有。

商业转载请联系作者获得授权，非商业转载请于文首标明作者姓名，保持文章完整性，并附上出处和文章链接！未按规范转载者，作者保留追究相应责任的权利！

作者：北京程序猿

链接：https://yaml.vip/2019/03/19/hexo-next%E4%B8%BB%E9%A2%98%E6%B7%BB%E5%8A%A0google-adsense-%E4%BA%B2%E6%B5%8B%E5%8F%AF%E7%94%A8/

标签：google,hexo,swig,next,adsense,广告,post,代码
来源： https://blog.csdn.net/jingang_cq/article/details/88760743