LoadSystem
MoeOS(2023.3.27)

工匠的骄傲和喜悦
The Pride & Joy of an Artisan
为GoogleAdsense谷歌广告添加占位图
8 条讨论

GoogleAdsense谷歌广告

>
少废话,先看东西

GoogleAdsense谷歌广告占位图.gif

谷歌广告部分页面有时不显示广告内容,结果广告位置就空白了,很不美观,所以就有了这个方案,就相当于给广告位加了个背景,在广告无法显示时则就会显示广告招募中的文字内容。

>
实现

首先将广告代码放入如下div。

<div class="zhaomu">
<!--你的广告代码-->
</div>

然后加入如下css即可,其中content属性的值就是文字内容,可以将中文转码后填入避免部分浏览器不兼容问题。

.zhaomu {
    min-height: 50px;
    text-decoration: none;
    position: relative;
}
.zhaomu:before {
    background: #bababa;
    content: '\5e7f\544a\62db\52df\4e2d';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    position: absolute;
    width: 100%;
}
隐私评论
  1. Dabenshi
    Dabenshi

    无意间看到 不错,借鉴了

    02月15日
  2. 菜菜
    菜菜

    你好,请问为什么我添加了之后 谷歌广告会很大 没有你的看着那么小呢

    2022年12月04日
    1. 泽泽社长
      泽泽社长
      @菜菜

      min-height: 100px;这个我改成50px了,谷歌广告代码有一些自定义属性的,你可以去谷歌那里看看改改参数

      2022年12月04日
      1. 菜菜
        菜菜
        @泽泽社长

        好的 谢谢解答

        2022年12月04日
  3. sUN
    sUN

    嗯,效果很好,在过滤插件下,你这广告全部显示的 招募中。。。哈哈哈

    2022年11月15日
    1. 泽泽社长
      泽泽社长
      @sUN

      哈哈,确实对广告屏蔽的也有作用哈呲牙笑

      2022年11月16日
  4. 胖蒜网
    胖蒜网

    实用性很强的样式代码,我的站也做过类似的东西,方式不一样,过来学习一下。

    2022年11月14日
    1. 泽泽社长
      泽泽社长
      @胖蒜网

      最开始就想弄jq22网站那种,后来懒得作图,还是直接css爽哈哈哈

      2022年11月14日
辽ICP备2022004655号