诚如大家所见,本主题的官网(当前这个站和文档站)都挂上了谷歌广告。
当然这不是开发组穷疯了,毕竟这种广告 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-xxxxxx
和 data-ad-slot="yyyyyy"
按谷歌广告里提供的编号替换即可。
保存后就不需要其他额外的配置了,如果谷歌广告的配置没有问题的话,部署之后应该就能看到广告展示出来。