Hexo接入Google adsense广告

最新推荐文章于 2024-05-26 09:31:14 发布
最新推荐文章于 2024-05-26 09:31:14 发布
阅读量5.2k 收藏 8
点赞数 2
分类专栏： hexo 文章标签： hexo Google AdSense 广告联盟 网赚
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stormdony/article/details/85608944
版权

前言

新的一年开始，由于个人的博客站点：https://www.donlex.cn 已经建立几个月，一直安静地躺在那里做美男子。就想着接点小广告，赚一点睡后收入。于是搜索发现了Google AdSense ，发现它可以在hexo博客上挂上广告位进行展示，于是乎注册了一个账号，没想到今早通过了审核。
今天又弄了一下广告位的布局，总共commit了差不多10次左右，终于把广告位置排的比较合理了。

下面分享一下具体的执行步骤

注册AdSense账号

注册链接：AdSense
ps:需要 V屁N（vpn），请自行找梯子。。。
在这里插入图片描述
点击“SIGN UP NOW”,进行注册。如果你有谷歌账号那就很方便了，直接点击右上角的“SIGN IN”就好。

详细的注册步骤就不多做介绍，注意填写信息的时候，一定要谨慎，否则可能审核通不过，这样大大的浪费了你的时间。

填写完信息之后，需要将谷歌提供的代码放置到你的博客中。请参考下一个步骤

添加广告代码

AdSense要求要在 <head> 标记中添加了自动广告代码,只需在\themes\next\layout\_partials\head.swig中添加任意一个位置添加你获取到的代码。

例如：我将AdSense的代码和google分析的代码放置在一块,这样渲染的时候就会自动放置在某一个位置了。

{% if theme.google_site_verification %}
  <meta name="google-site-verification" content="dYiRwj1ulGaUvTQRrCjJA9YKnNF8JN4wRKXzdbE6wBc" />
{% endif
最低0.47元/天 解锁文章
DonLex
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Hexo里如何添加广告
weixin_30778805的博客
07-03 865
　　前期先用Hexo做个人网站，模板可以用https://github.com/828768/maupassant-hexo，关于如何加入广告，可以看一下https://sobaigu.com/hexo-add-google-adsense.html#SOHUCS。 之后，也许会考虑用https://github.com/michaelliao/itranswarp.js，那是之后的事情了，He...
Hexo Butterfly博客添加Google分析
m0_62201229的博客
12-13 504
记录了为自己的博客添加谷歌分析的过程
推荐：Vue Google Adsense - 高效集成谷歌广告的Vue组件库
最新发布
gitblog_00100的博客
05-26 408
推荐：Vue Google Adsense - 高效集成谷歌广告的Vue组件库 项目地址:https://gitcode.com/mazipan/vue-google-adsense Vue Google Adsense 是一个专为Vue.js开发者设计的组件库，它使得在你的应用中集成Google Adsense变得简单，尤其支持InFeed和InArticle广告类型。通过这个库，你可以轻松地将...
Vue接入谷歌广告(Google Adsense)
qq_31066285的博客
08-08 974
接下来点击审核进行网站审核，谷歌会在3天到两周之前不等的时间内帮你审批，需要注意的是你的网站首页必须要具有价值，不能是一些无意义的文字或者图片。等待1-3天之后你会收到谷歌邮箱的申请结果通知，如果你的网站符合条件，那么你将收到审核通过的通知。如果你的网站不符合条件，那你将收到申请不通过的通知，那么你就需要登录后台查看申请不通过的原因，并进行修改，然后继续重新申请即可。完善好个人信息之后点击左边导航栏的“网站”添加你的网站。输入你的网站首页地址后点击提交，然后谷歌会给你提供用于生成广告的代码。
手把手教你给自己的网站接入万维广告
热门推荐
任聪聪的博客
08-30 1万+
本篇文章主要讲解网站接入广告的说明操作，主要为万维广告接入教程。日期：2023年8月30日作者：任聪聪。
hexo主题如何添加谷歌广告，非Next主题教程，pug框架
麦田里的守望者
01-01 790
1 在主题目录下添加语句 打开主题目录下的your_theme/_config.yml 文件,添加个广告控制开关： show_ad_post: true ##设置为 true 2 在head.pug中添加语句 在 your_theme/layout/_partial/head.pug 里添加代码： if theme.show_ad_post script(async='', src...
hexo-theme-gstyle：具有Google风格的hexo主题
02-03
六边形主题风格十六进制的Google风格主题。预习 屏幕截图由生成产品特点React灵敏全面响应，移动优先。 没有引导程序，使用现代CSS3 flex！令人印象深刻的导航 手机全屏变形导航内容表优美的模块展开和折叠时自动...
hexo-util:Hexo 的实用程序
08-04
hexo-util 实用程序。 目录 编码网址 逃脱变音符号 转义HTML 转义正则表达式 full_url_for 头像 散列 强调 html标签 是外部链接 图案 永久链接 漂亮的网址 棱镜高光 相对网址 跺跺脚 产卵 条形HTML 自动换行 ...
hexo-cli:Hexo 的命令行界面
07-23
hexo-cli Hexo 的命令行界面。安装$ npm install hexo-cli -g发展Fork这个项目$ git clone https://github.com/user/hexo-cli --recurse-submodules && cd hexo-cli/ $ npm install $ npm test执照
hexo-pwa：Hexo PWA插件
02-05
hexo-pwa让Hexo网站具有这两种功能。 -用户可以将您的网站添加到移动主屏幕 -使您的网站可以离线使用 安装 $ npm install --save hexo-pwa 选件 您可以在_config.yml配置此插件。 pwa : manifest : path : /...
hexo博客（hexo_init 命令后的文件夹）
10-27
建立hexo博客的必须，有些电脑hexo_init 命令很久出不来，这里直接给出压缩包。
hexo + Next 怎样添加推广广告链接
TIMDING的博客
06-27 1799
闲来无事,捣鼓捣鼓博客,想加入推广链接 添加广告链接 在 hexo 的 root 下的_config.yml 添加博客链接 ## 自定义广告 advert: 天猫618: https://gw.alicdn.com/tfs/TB1p12MsQ9WBuNjSspeXXaz5VXa-440-180.jpg || https://s.click.taobao.com/t?e=m%...
Hexo博客添加Google Adsense
09-22 618
原文链接 https://xugaoxiang.com/2019/09/22/Hexo博客添加Google Adsense/
浅谈Google Adsense接入后的体验和经验
LJY's CSDN Blog
02-02 2077
转载自我的博客：LJY’s Blog 没错，LJY’s Blog也正式接入了Google Adsense. 整个文章分为两块： 1.如何快速的通过审核(2019.2.2) 2.注册和投放过程中的一些小技巧和经验(未更新) 如何快速通过审核 过程 在2019.2.1的中午我正式提交了Google Adsense的申请。 看到网上大多数都要审核1天，就没管邮件了，结果晚上随手打开一看，居然已经通过了！...
hexo+github打造个人博客系列之Coding Pages去广告
前端原创分享，常年坚持记录和分享，全网阅读量超百万
02-02 1174
尴尬的广告 大家应该可以看到，在第一次以自定义域名访问Coding Pages时，会有一个跳转广告。是不是很尴尬？经查阅官方说明，得知原因。 银牌会员的 Coding Pages 在访问时默认会先加载 Pages 跳转页，您可选择在网站首页任意位置放置「Hosted by Coding Pages」的文字版或图片版，然后勾选下方的「已放置 Hosted by Coding Pages」选
Hexo-blog-yilia主题迭代 -- 增加RSS功能+百度统计/google统计
Dora之城
01-26 1116
增加RSS功能 安装RSS插件 注意一定要安装到blog的根目录 npm install --save hexo-generator-feed 在你的项目的‘_config.yml‘配置文件下找到Extensions添加如下内容： # Extensions #插件和主题 ## Plugins: https://hexo.io/plugins/ ## Themes: https://h...
hexo(三）功能完善
liuyongshun2的博客
06-04 1809
默认主题，landscapehexo搭建完成了，肯定是要不断完善优化的。下面就简单的记录我自己的完善过程，虽然只是做了一小部分，但是记录下来也方便以后自己在花大量时间去查找资料。一、写文章时如果内容太多，滚动条太长，这时候就需要一个返回顶部了。参考资料step：1、 打开 /themes/landscape/layout/_partial ,新建 totop.ejs <div id="totop">
【持续更新】最全Hexo个人博客搭建+主题优化+插件配置+错误分析
Simon__He的博客
11-04 6007
前言 欢迎在文末留言，或者点击加入QQ群933583982互相交流。 本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处！ Hexo博客搭建 准备环境 Node.js 下载并安装。 Git 下载并安装。 安装Hexo，在命令行（即Git Bash）运行以下命令： npm install -g hexo-cli 初始化Hexo，在命令行（即Git Bash）依...
hexo调用node.js接口
07-29
在Hexo中调用Node.js接口，你可以使用`request`模块来发送HTTP请求。首先，你需要安装`request`模块，可以使用以下命令进行安装：`npm install request -S`。然后，你可以使用`request`模块发送GET请求或POST请求。 对于GET请求，你可以使用以下代码示例： ```javascript var request = require('request'); request('https://escnodeapi.***?query=**', function(err, response, body){ if(!err && response.statusCode == 200){ var res = JSON.parse(body); // 处理返回的数据 } }); ``` 对于POST请求，你可以使用以下代码示例： ```javascript var request = require('request'); var requestData = {key: 'value'}; request({ url: url, method: "POST", json: true, headers: { "content-type": "application/json", }, body: JSON.stringify(requestData) }, function(error, response, body) { if (!error && response.statusCode == 200) { console.log(body); // 处理返回的数据 } }); ``` 如果你需要发送包含表单数据的POST请求，可以使用以下代码示例： ```javascript var request = require('request'); request.post({url:'', form:{key:'value'}}, function(error, response, body) { if (!error && response.statusCode == 200) { console.log(body); // 处理返回的数据 } }); ``` 在使用这些代码之前，请确保你已经安装了Node.js和相应的依赖，并且配置了正确的接口URL和请求参数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值