阅读 847

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

前言

个人网站

公众号: 北京程序猿, 网站 : 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. 务必不要让公司内部的同事去点击广告(听闻也很危险)

本文著作权归作者所有。

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

作者:北京程序猿

链接:yaml.vip/2019/03/19/…

关注下面的标签,发现更多相似文章
评论