文章

个人网站快速接入 Google AdSence 实战

见字如面,与大家分享实践中的经验与思考。

今天分享一篇将个人博客接入 Google AdSense 的实战教程,如果对你有帮助,欢迎收藏或关注。

效果展示

下图是我的个人博客(flyeric.top)接入之后的效果示意:

images-20251218-21.28.50@2x

我的个人博客是基于 halo 搭建的,所选主题并不太适合放置广告位。实际放置了一段时间后,发现对阅读体验影响比较大,所以我把 PC 端的广告位基本都移除了,只保留了移动端文章详情页底部的广告,因此估算收入会比较低。

images-20251218-21.25.58@2x

如果你的网站是那种信息流量站、内容更新频繁、访问量较大的类型,那么 Google AdSense 就非常合适。可以在 PC 端页面左右两侧、顶部、底部等区域展示广告,既能保证展示效果,又不会明显干扰用户阅读。

网站接入审批

首先,你需要注册一个 Google AdSense 账号。

images-20251218-21.37.07@2x

官方注册地址:https://adsense.google.com/start/

在正式接入之前,Google 会审核你的网站是否符合相关规范。一般来说,只要你是正常发布博客内容或资讯信息,且没有违规内容,审核速度会比较快,我个人大概等了 5 天左右。官方说明中提到,有些站点可能需要 2–4 周 的时间。

通过审核后,有三种方式可以完成接入,下面逐一说明:

images-20250721-18.31.35@2x

方式一:AdSense 代码段

使用固定的 AdSense 代码段,插入到每个页面的 <head> 标签中,一般是放在 <header>(如有)和 </head> 之间。例如:

images-20251218-21.47.29@2x

这种方式对页面侵入性比较强,需要在所有页面中统一插入代码,维护成本也较高,所以个人不是很推荐。

方式二:元标记

这种方式与 AdSense 代码段 类似,也是将固定代码放入每个页面的 <head> 中,只不过是以 meta 元素的形式存在。

images-20251218-21.50.45@2x

相比第一种方式,配置上略微简单一些,但本质上仍是通过在页面 <head> 中插入标记来完成验证。

方式三:Ads.txt 代码段

这种方式是通过 ads.txt 文件来完成授权。

你需要先从 AdSense 后台拷贝对应的 ads.txt 内容,然后在本地新建一个 ads.txt 文件,将内容粘贴进去,最后上传到你网站的根目录下。

images-20251218-21.51.33@2x

如果你不确定网站的根目录在哪里,可以查看个人网站部署时的 Nginx 配置,其中会有 root 的配置项。如下图所示:

images-20251218-21.55.41@2x

从图中可以看到,我的网站根目录为:/www/wwwroot/flyeric.top。将本地的 ads.txt 文件通过 FTP 或其他方式上传到这个目录中即可。

上传完成后,先测试一下是否能访问,例如我的是:https://flyeric.top/ads.txt。你只需要将域名换成你自己网站的域名进行访问测试。

如果访问失败,通常说明没有配置对应的反向代理。可以在 nginx.conf 中加入如下配置:

location = /ads.txt {
    alias /www/wwwroot/flyeric.top/ads.txt;
    expires 1h;  # 适当缓存但不可过长
    add_header Cache-Control "public";
    access_log off;
    # 防止路径穿越攻击
    if ($request_uri ~* "\.\.") { return 403; }
}

配置生效并可以正常访问 ads.txt 后,基本就算完成这一步了,后续只需要在 AdSense 后台提交并等待审核即可。

images-20250721-18.33.12@2x

广告位设置

审核通过后,就可以根据实际需求进行广告位设置。AdSense 主要提供两种方式:按网站按广告单元

为了节省时间,我直接选择了“按网站”的自动广告方式,让系统自动识别并投放广告位。

images-20251218-22.07.38@2x

同时出于用户体验的考虑,我几乎关闭了所有会明显干扰阅读的广告形式,只保留了移动端文章底部的广告。毕竟用手机访问我博客的用户并不算多,这样就不会对用户阅读体验产生太大影响了。

images-20251218-22.09.18@2x

AdSense 提供的广告形式还是比较丰富的,比如:页面切换时弹出广告、页面两侧悬浮广告、页面头部横幅、底部横幅、内容流中插入广告等。你可以根据自己网站的定位和对用户体验的要求,自由组合与调整。

最后

整个接入 Google AdSense 的过程整体来说还是比较顺利的。如果你的网站内容相对健康、结构清晰、访问量也不错,非常建议尝试接入一下。万一哪天流量起来了,这也会成为一笔可观的被动收入。今天出一期将个人博客接入 Google AdSense 的教程,希望对你有帮助。


欢迎关注公众号"Eric技术圈",原创技术文章第一时间推送。

许可协议:  CC BY 4.0