放弃文章页打赏功能改为显示谷歌广告/默认广告

2018年06月26日 16:47:04  阅读 154 次 评论 25 条

懿古今博客的文章页在最后默认都会显示一个打赏功能,也就是鼠标放上去之后显示支付宝或微信的二维码,以方便用户打赏,可惜理想很丰满现实很骨感,可以说挂上打赏功能这么久,几乎没有收到过文章打赏(打赏主题的除外),所以现在感觉这个打赏功能很鸡肋。

放弃文章页打赏功能改为显示谷歌广告/默认广告 随笔日记 第1张

文章页原打赏功能效果图

前段时间无意中申请通过了谷歌广告联盟,所以决定把这个打赏功能去掉,把位置让给谷歌广告,最起码应该可以收到一点点广告收入吧。下图就是具体的谷歌广告效果图:

放弃文章页打赏功能改为显示谷歌广告/默认广告 随笔日记 第2张

谷歌广告正常显示时的效果图

其实谷歌广告效果图是没有这么美观的,这是通过给谷歌广告增加 DIV 进行美化之后的效果,具体实现办法可以参考雅兮网博主分享的《CSS 技巧:一段 CSS 代码让你的广告位“立起来”》这篇文章。不过这篇文章分享的代码有一点点小瑕疵,就是谷歌广告被屏蔽或者没有加载广告成功的情况下,那个方框会显示空白,有点不太美观,所以我们可以给这个 DIV 增加一个背景图(background-image: url(图片地址);)。具体效果如下图所示:

放弃文章页打赏功能改为显示谷歌广告/默认广告 随笔日记 第3张

谷歌广告不显示时显示默认广告效果图

因为显示的是背景图,所以无法点击,毕竟能够点击才够完美。本来也想就这样算了,就算不能点击也好过空白吧。没想到在 boke112 导航交流群内说了这件事之后,闲鱼博主早已有了解决办法,详见《网站广告被屏蔽后,显示图片提示效果》。没想到解决的办法这么简单,直接给这个 DIV 层增加一个 A 标签即可。

虽然还不知道最终的广告显示效果如何,但是个人认为应该会比打赏功能来得更加实际和有用。哪怕用户屏蔽了谷歌广告,也会显示默认的广告及链接地址,最起码不会让这个位置浪费。如果你也想将打赏功能变成类似本站的广告显示效果,不妨按照本文所说的两篇文章去折腾试试。

历史上的今天:

文章标签: ,   ,   ,  
本文地址:https://www.yigujin.cn/1668.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

相关文章 分类热门分类热评随机文章

发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

表情

  1. 打酱油的
    打酱油的 @回复

    谷歌广告极其严格,说不定哪里就踩雷,所以,最好的就是纯天然的,切记。

  2. 小萝博客
    小萝博客 @回复

    还是自己接的广告实在一点

    • 懿古今
      懿古今2018-06-28 22:13  回复

      @小萝博客是的,能够接到广告放在广告位上最实在,根本就不用怕屏蔽插件,而且收入稳定,可惜我们草根站长很难接到广告

  3. 西枫里博客
    西枫里博客 @回复

    没有广告,没有打赏~

  4. 青山
    青山 @回复

    哈哈,我的打赏放那里也就三个人打赏了

  5. 闲鱼
    闲鱼 @回复

    古大佬这是要广告致富啊,打赏确实可以干掉,我一直也在想怎么搞合适

    • 懿古今
      懿古今2018-06-28 11:57  回复

      @闲鱼[嘻嘻] 只能说理想是美好的,现实是残酷的。PS:打赏功能一直没什么用

  6. 灰狼
    灰狼 @回复

    等快到100的时候,你会发现,账户被KO了

  7. 鬼手六
    鬼手六 @回复

    打赏真太鸡肋,鸡肋,谷歌不给通过,没备案,没财路…. [泪] ..

    • 懿古今
      懿古今2018-06-27 13:44  回复

      @鬼手六大的网站不知道,我们这种小博客网站很少有为文章打赏的。谷歌广告申请是不需要备案的,多申请几次就行

  8. 大缺缺
    大缺缺 @回复

    就是,乱七八糟的 感觉。

  9. 橘子书
    橘子书 @回复

    [失望] 老实说,改得不伦不类!

    • 懿古今
      懿古今2018-06-27 08:47  回复

      @橘子书[嘻嘻] 个人感觉还行

      • 橘子书
        橘子书2018-06-27 09:16  回复

        @懿古今主题整体风格是偏向平面,加一个立体效果。有点画蛇添足。
        功能样式一般,而且阴影在左边,导致用户的注意力被吸引到左边,也就是左眼容易过度视觉疲劳(正常情况下,正常人右眼比较发达)。

        • 懿古今
          懿古今2018-06-27 13:46  回复

          @橘子书[吃惊] 那么复杂啊,我也试过直接去掉阴影部分,看起来太过中规中矩,有了阴影最起码整个广告位突出很多,至于效果好不好就不知道了。

  10. QQRSS
    QQRSS @回复

    评论上方的google ad广告 怎么搞的 显示推荐 本站的内容这个广告 玩的666.. 怎么玩的哈. 学习一下哈.
    这个广告的点击率 应该很高.. 刚开始都没注意是广告. 因为显示的是本站内容,
    本站的内容怎么会显示是 google ad 的连接..搞不懂了.

    • 懿古今
      懿古今2018-06-27 08:48  回复

      @QQRSS这个其实就是谷歌广告的匹配内容广告,点击文章没有效果,点击其中的广告才有效果,这个的目的其实是吸引用户停留

  11. 大事记
    大事记 @回复

    话说,你这次的改版很6啊,底部的相关图文,我一开始都没注意是广告,谷歌真的太强大了,百度啥时候能这么棒呢。

    • 懿古今
      懿古今2018-06-27 08:49  回复

      @大事记[嘻嘻] 我的文章页都是文字的居多,所以就增加一个谷歌的相关内容广告单元,看起来图文结合好一些,唯一缺点就是谷歌广告的字体太大,看起来有点不太适应