Fork me on GitHub

Hexo博客添加Google AdSense

Hexo博客添加Google AdSense

部署了站点,肯定要发挥站点的作用到极致。我们如何添加Google AdSense赚取零花钱呢?

前言

部署了站点,肯定要发挥站点的作用到极致。我们如何添加Google AdSense赚取零花钱呢?

解决方案

大致流程

  • 注册google adsense
  • 获取代码
  • 新建模板
  • 添加到页面模板的指定位置
  • 生成并发布站点
  • 验证

分步讲解

1、注册略
2、代码格式

1
2
3
4
5
6
7
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxx",
enable_page_level_ads: true
});
</script>

3、新建AdSense模板

1
themes/next/layout/_custom/google_adsense.ejs

在next主题下的layout/_custom文件夹下创建一个google_adsense.ejs文件
然后将Google AdSense的代码复制到google_adsense.ejs

编辑 _layout.swig

1
2
3
<!-- Google AdSense start -->
{% include '_custom/google_adsense.ejs' %}
<!-- Google AdSense end -->

根据Google AdSense 的要求将代码放置在

和标记之间

参考资料

搭建hexo next主题的博客教程

======================================================
希望各位朋友支持一下

本文作者:dongsheng
本文地址https://mds1455975151.github.io/archives/3a06bb38.html
版权声明:转载请注明出处!

坚持技术分享,您的支持将鼓励我继续创作!