✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Google广告营收插件
category
tags
type
status
slug
date
password
Last edited time
Mar 18, 2024 04:41 AM
summary
icon
通过网站上对接谷歌广告接口,可以让您的网站通过广告获取一笔美金收入。
开通验证
谷歌广告的配置开通有很多限制
- 申请开通谷歌Adsense账号
- 验证站点所有权(必须):请按照GoogleAdsense 后台的要求验证你的站点所有权
比较推荐的做法是,把GoogleAdsense后台提供的
ads.txt
文件上传到您代码的 public
目录下。public目录专门用来放置网站的静态文件。例如您可以访问我的博客的ads验证文件 https://blog.tangly1024.com/ads.txt配置方式
- 获取谷歌账号的 PUB_ID 填写到站点配置
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc6f21964-4a6e-4eb5-9c97-0f7dc8feee0d%2FUntitled.png?table=block&id=c65ec46b-86fe-4d14-9839-c1267f1c1551&t=c65ec46b-86fe-4d14-9839-c1267f1c1551&width=768&cache=v2)
- 在谷歌后台创建四种类型的广告单元,获取广告单元的ID
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F482aa747-7140-4f67-ac58-afa6d98a452d%2FUntitled.png?table=block&id=bb262ba3-a82d-4582-bb31-8bac9814985d&t=bb262ba3-a82d-4582-bb31-8bac9814985d&width=528&cache=v2)
- 在代码中配置广告单元ID
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd1470753-5b0a-446d-b47a-6f1b3d29be6e%2FUntitled.png?table=block&id=75910f72-f056-49af-944b-485be5497d9b&t=75910f72-f056-49af-944b-485be5497d9b&width=672&cache=v2)
旧版配置广告单元
需要改动代码,而且不能嵌入到文章的指定段落。
- 在你需要引入特定自定义广告的地方添加组件代码 <AdSlot /> 即可 相关AdSlot源码
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9c1378da-f5b9-4f7d-b8f5-a82672fd3b89%2FUntitled.png?table=block&id=9b27d786-79c0-4afc-be48-7be1ca89d93c&t=9b27d786-79c0-4afc-be48-7be1ca89d93c&width=432&cache=v2)
- 相关使用案例 , Simple主题首页加入了一个原生广告单元
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb6f10ed8-60bc-46b9-ac8b-ddfdfe6bf2ba%2FUntitled.png?table=block&id=583ecc5e-57c0-44b2-951c-3468220fb4fd&t=583ecc5e-57c0-44b2-951c-3468220fb4fd&width=432&cache=v2)
广告插件新版用法
在 4.4.0 的版本后,支持您在notion中插入 <ins/> 这个代码,它将自动在网页中变成广告单元,哪里想变放哪里。
文章内容支持嵌入广告:
在想要变成广告的位置输入一行text元素,内容是
即可替换成广告。如下图是我在notion中插入的文字<ins/>:
在博客中广告会直接显示在文章中间的位置:
Loading...
Last update: