懿古今博客的文章页在最后默认都会显示一个打赏功能，也就是鼠标放上去之后显示支付宝或微信的二维码，以方便用户打赏，可惜理想很丰满现实很骨感，可以说挂上打赏功能这么久，几乎没有收到过文章打赏（打赏主题的除外），所以现在感觉这个打赏功能很鸡肋。
文章页原打赏功能效果图
前段时间无意中申请通过了谷歌广告联盟，所以决定把这个打赏功能去掉，把位置让给谷歌广告，最起码应该可以收到一点点广告收入吧。下图就是具体的谷歌广告效果图：
谷歌广告正常显示时的效果图
其实谷歌广告效果图是没有这么美观的，这是通过给谷歌广告增加 DIV 进行美化之后的效果，具体实现办法可以参考雅兮网博主分享的《CSS 技巧：一段 CSS 代码让你的广告位“立起来”》这篇文章。不过这篇文章分享的代码有一点点小瑕疵，就是谷歌广告被屏蔽或者没有加载广告成功的情况下，那个方框会显示空白，有点不太美观，所以我们可以给这个 DIV 增加一个背景图（background-image: url(图片地址);）。具体效果如下图所示：
谷歌广告不显示时显示默认广告效果图
因为显示的是背景图，所以无法点击，毕竟能够点击才够完美。本来也想就这样算了，就算不能点击也好过空白吧。没想到在 boke112 导航交流群内说了这件事之后，闲鱼博主早已有了解决办法，详见《网站广告被屏蔽后，显示图片提示效果》。没想到解决的办法这么简单，直接给这个 DIV 层增加一个 A 标签即可。
虽然还不知道最终的广告显示效果如何，但是个人认为应该会比打赏功能来得更加实际和有用。哪怕用户屏蔽了谷歌广告，也会显示默认的广告及链接地址，最起码不会让这个位置浪费。如果你也想将打赏功能变成类似本站的广告显示效果，不妨按照本文所说的两篇文章去折腾试试。
你可能感兴趣的文章
版权声明：本文为原创文章，版权归 懿古今 所有，欢迎分享本文，转载请保留出处！发布此文是出于传递更多信息之目的，若有来源标注错误或侵犯了您的合法权益，请发邮件至[email protected]，确认后马上更正、删除，谢谢！
发表于2018-06-26 17:59 沙发
话说，你这次的改版很6啊，底部的相关图文，我一开始都没注意是广告，谷歌真的太强大了，百度啥时候能这么棒呢。
@大事记[呲牙] 我的文章页都是文字的居多，所以就增加一个谷歌的相关内容广告单元，看起来图文结合好一些，唯一缺点就是谷歌广告的字体太大，看起来有点不太适应
发表于2018-06-26 19:42 板凳
评论上方的google ad广告 怎么搞的 显示推荐 本站的内容这个广告 玩的666.. 怎么玩的哈. 学习一下哈.
这个广告的点击率 应该很高.. 刚开始都没注意是广告. 因为显示的是本站内容,
本站的内容怎么会显示是 google ad 的连接..搞不懂了.
@QQRSS这个其实就是谷歌广告的匹配内容广告，点击文章没有效果，点击其中的广告才有效果，这个的目的其实是吸引用户停留
发表于2018-06-26 21:29 地板
[失望] 老实说，改得不伦不类！
@橘子书[呲牙] 个人感觉还行
@懿古今主题整体风格是偏向平面，加一个立体效果。有点画蛇添足。
功能样式一般，而且阴影在左边，导致用户的注意力被吸引到左边，也就是左眼容易过度视觉疲劳（正常情况下，正常人右眼比较发达）。
@橘子书[惊讶] 那么复杂啊，我也试过直接去掉阴影部分，看起来太过中规中矩，有了阴影最起码整个广告位突出很多，至于效果好不好就不知道了。
发表于2018-06-27 09:27 4楼
就是，乱七八糟的 感觉。
@大缺缺[偷笑] 只能说看习惯了就好
发表于2018-06-27 12:36 5楼
打赏真太鸡肋，鸡肋，谷歌不给通过，没备案，没财路…. [流泪] ..
@鬼手六大的网站不知道，我们这种小博客网站很少有为文章打赏的。谷歌广告申请是不需要备案的，多申请几次就行
发表于2018-06-27 13:00 6楼
等快到100的时候，你会发现，账户被KO了
@灰狼不是吧，谷歌广告也来这一招？国内的这个招式用得比较多
@懿古今被搞过2次，从此不会再申请。白白贡献了
发表于2018-06-27 19:14 7楼
古大佬这是要广告致富啊，打赏确实可以干掉，我一直也在想怎么搞合适
@闲鱼[呲牙] 只能说理想是美好的，现实是残酷的。PS：打赏功能一直没什么用
发表于2018-06-28 12:47 8楼
哈哈，我的打赏放那里也就三个人打赏了
@青山我的就是使用我分享的主题有打赏，其他都没有
发表于2018-06-28 17:53 9楼
没有广告，没有打赏~
@西枫里博客[呲牙] 其实也是为了折腾一下而已，打赏没有，挂广告收入其实也是微乎其微
发表于2018-06-28 18:54 10楼
还是自己接的广告实在一点
@小萝博客是的，能够接到广告放在广告位上最实在，根本就不用怕屏蔽插件，而且收入稳定，可惜我们草根站长很难接到广告
发表于2018-07-12 20:43 11楼
谷歌广告极其严格，说不定哪里就踩雷，所以，最好的就是纯天然的，切记。
@打酱油的[强] 谢谢告知，尽量不踩红线，老老实实做博客就OK了