在 Fluid 主题中加入谷歌广告

诚如大家所见,本主题的官网(当前这个站和文档站)都挂上了谷歌广告。

当然这不是开发组穷疯了,毕竟这种广告 CPM 计费每千人也就 1 美元左右,就算把历史的访问量全折算掉也就几百块钱。

主要是因为 Fluid 维护了这么长时间都是靠爱发电,域名和服务器都是自费,不得不加入一些商业行为才能从长计议。

同时我们正在寻找商业赞助商,如果贵司想在 Fluid 项目的 README 展示广告位(每月 6K+ Views 定向流量曝光)),或者有其他赞助形式,可将联系方式发送邮件至 zkqiang#126.com (#替换为@)。


回到主题,大家写博客都想给自己提供一些回报,挂 CRM 广告是最方便的方式之一 ,而谷歌广告在所有 CRM 计费广告中是单价比较高的,不过就是提现比较麻烦,所以用之前最好先了解下,另外建议大家在博客有固定的流量后再加入广告,不然广告都是给自己看,可能会被谷歌判断刷量(谷歌对广告的规范很严格,放置过多的广告或者有诱导点击行为都是违规的)。

本文提供的方式需要 Fluid v1.9.0 以上版本。

然后在博客根目录下找到 scripts 文件夹(不存在就创建一个),进入后任意创建一个 js 文件,比如 inject.js,复制以下内容:

1
2
3
4
5
6
hexo.extend.filter.register('theme_inject', function(injects) {
injects.bodyEnd.raw('adsense', '<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxx" crossorigin="anonymous"></script>');
injects.head.raw('adsense', '<style>ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }</style>');
injects.postLeft.raw('adsense', '<aside class="sidebar d-none d-xl-block" style="margin-right:-1rem;z-index:-1"><ins class="adsbygoogle" style="display:flex;justify-content:center;min-width:160px;max-width:300px;width:100%;height:600px;position:sticky;top:2rem" data-ad-client="ca-pub-xxxxxx" data-ad-slot="yyyyyy"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></aside>');
injects.postCopyright.raw('adsense', '<div style="width:100%;display:flex;justify-content:center;margin-bottom:1.5rem"><ins class="adsbygoogle" style="display:flex;justify-content:center;max-width:845px;width:100%;height:90px" data-ad-client="ca-pub-xxxxxx" data-ad-slot="yyyyyy"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>');
});

以上代码的意思请参考 Fluid 注入功能,插入的广告位置和本页是一样的,分别是文章页的左侧和文末位置。

复制之后,把其中 ca-pub-xxxxxxdata-ad-slot="yyyyyy" 按谷歌广告里提供的编号替换即可。

保存后就不需要其他额外的配置了,如果谷歌广告的配置没有问题的话,部署之后应该就能看到广告展示出来。


在 Fluid 主题中加入谷歌广告
https://fluid-dev.cn/posts/fluid-adsense/
作者
张凯强
发布于
2022年2月20日
许可协议