Hexo站点Next主题添加google adsense广告
本文转载自: https://www.93bok.com
前言
无意之间看到了google adsense的广告,于是就想到给我的站点也弄一个,本来以为是很简单的事,参考了很多资料,终于是部署成功了,效果可查看我的站点:www.93bok.com
一、注册google adsense
此处省略,可参考此文
二、把广告代码粘贴到网站上
这一步是最关键的,也是这一步花费了我很长的时间
1、首先我按照google adsense的说明,直接用了“自动广告”
2、添加上图中的代码到你的head.swig文件中
vim /data/themes/next/layout/_partials/head/head.swig
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-8243248314488866",
enable_page_level_ads: true
});
</script>
3、提交代码查看网站是否显示广告
hexo clean && hexo g && hexo d
问题来了,部署完代码之后,等了很久,1天时间,也没看到有广告显示,使用移动端打开网站试了一下,哎哟,移动端有广告显示,但是桌面端死活不显示广告。找了很多资料,没有一个可以解决的。
4、桌面端打开网站,debug一下(Ctrl+Shift+i打开),看一下代码是不是部署成功了
代码已经部署成功了,为什么桌面端不显示广告呢,实在找不到解决办法,于是我发邮件给google adsense咨询,不得不说,人家的办事效率以及态度都是很好的,我以为发送了也没什么用,因为他们每天收到的邮件不知道有多少,怎么会搭理我。没想到的是,他们给我回复了:
就跟你们看到的上图中一样,我来来回回和他回复了好几封邮件,就这样,终于在他的带领下,我的问题解决了。
5、添加广告单元
adsense的大概意思是建议我换成“广告单元”,而不是“自动广告”
6、如上图,新建完广告单元之后,获取代码,把代码部署你想让广告显示的位置
这里获取代码之后,我是在文章结束,评论的上方显示代码,所以编辑comments.swig文件
vim /data/themes/next/layout/_partials/comments.swig
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- head -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8243248314488866"
data-ad-slot="1571553111"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
然后又想在头部显示广告,又编辑head.swig文件
vim /data/themes/next/layout/_partials/head/head.swig
<div align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- head -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-8243248314488866"
data-ad-slot="1571553111"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
可参考这里
三、检查网站广告
等到把上边的步骤都做完之后,为了确保已经正确部署,你可以打开站点,然后查看网站源代码,找找看是不是有你部署的那些广告代码。
Hexo站点Next主题添加google adsense广告的更多相关文章
- Hexo博客maupassant主题添加Google Adsense广告
自从在 Github Page 落户以后,很长一段时间使用的是极简且有点艺术范儿的 fexo 主题,而不是大名鼎鼎的 next 主题.后来偶然发现了符合我审美的Hexo博客 maupassant 主题 ...
- Hexo Next 接入 google AdSense 广告
前言 个人网站 www.yanlongwang.net 已经运营近一年,每日的浏览量不断上升,现在维持在两位数,打算承接一点广告赚睡后收入,用来维持网站的日常运营,希望能覆盖网站的服务器和域名开销. ...
- WordPress 博客文章中google adsense广告展示方法之一
http://log.medcl.net/item/2011/08/diving-into-elasticsearch-4-installation-and-configuration/ 看到这个网站 ...
- 申请Google Adsense通过终审的关键点
一.申请Google Adsense前网站数据 申请Google Adsense广告的前提条件及网站环境如下: 60+篇文章. 一天10个ip左右. 谷歌索引200左右,当然包括标签分页等索引. 经过 ...
- Google Adsense(Google网站联盟)广告申请指南
Google AdSense 是一种获取收入的快速简便的方法,适合于各种规模的网站发布商.它可以在网站的内容网页上展示相关性较高的 Google 广告,并且这些广告不会过分夸张醒目.由于所展示的广告同 ...
- Google Adsense Google判断广告点击作弊的方式和数据 数据分析
Google判断广告点击作弊的几种方式和数据 - 王庆东mas - 博客园 http://www.cnblogs.com/x-poior/p/5581327.html 作弊广告点击的CTR数据太高网上 ...
- Hexo 的next主题下添加网易云音乐作BGM
首先,你要看看你选中的歌能不能在网页版的网易云音乐生成外链,因为版权保护原因,有些音乐是生不成外链的,比如这样的: 所以,选些可以生成外链的音乐.生成对应的外链 比如这里的重点是HTML代码中的src ...
- Google Adsense(谷歌网站联盟)广告申请指南
Google AdSense 是一种获取收入的快速简便的方法,适合于各种规模的网站发布商.它可以在网站的内容网页上展示相关性较高的 Google 广告,并且这些广告不会过分夸张醒目.由于所展示的广告同 ...
- Hexo next主题添加站内搜索功能
根据关键字搜索博文,站内搜索的功能很实用.hexo开启站内搜索很方便,已经有现成的插件可以使用,也是为了方便自己 安装插件 npm install hexo-generator-search --sa ...
随机推荐
- P4327 彼得潘框架
题意翻译 “彼得·潘框架”是一种装饰文字,每一个字母都是由一个菱形框架.一个彼得·潘框架看起来像这样 (x是字母,#是框架): ..#.. .#.#. #.X.# .#.#. ..#.. 然而,只是一 ...
- The website is API(2)
一.Beautifu Soup库 from bs4 import BeautifulSoup soup = BeautifulSoup(demo,"html.parser") Ta ...
- UIView 的Transform属性以及 CGAffineTransform的使用
什么是Transform? Transform是一个3×3的矩阵,如下图所示: 通过这个矩阵我们可以对一个坐标系统进行缩放,平移,旋转以及这两者的任意组着操作.而且矩阵的操作不具备交换律,即矩阵的操作 ...
- 11)const
const修饰一个 变量 为只读 : 然后 我再 a=: 这样写就是不行. 其实这个知识点主要考察 指针变量 指针指向的内存 是两个概念 char buf[]="dhasl ...
- java 解析URL里的主域名及参数工具类
java 解析URL里的协议及参数工具类,解析URL中的主域名,并统一把协议修改成http或去掉协议 public class UrlDomainUtils { private static fina ...
- RPM包和YUM仓库管理
1.RPM包管理 RPMRPM Package Manger,前身Redhat Package Manger,由红帽开发用于软件包的安装升级卸载与查询有一个完整的数据库体系,每个RPM包的所有信息都固 ...
- if necessary
- python之接口开发
一.接口开发的思路 1.启动一个服务: 2.接受客户端传过来的数据: 3.登录,注册,支付等功能 4.操作数据库,拿到数据: 5.返回数据: import flask server=flask.Fla ...
- spring5.0.7.RELEASE配置jackson2.9.5
概述 Jackson框架是基于Java平台的一套数据处理工具,被称为“最好的Java Json解析器”. 1.环境: jdk版本:jdk1.8spring版本:5.0.7.RELEASE jackso ...
- C语言学习笔记之获取文件长度
本文为原创文章,转载请标明出处 #include <stdio.h> #include <stdlib.h> int main() { FILE *inputFile; inp ...