为GoogleAdsense谷歌广告添加占位图

泽泽社长

发布于 2023-04-17 14:36:21

4930

文章被收录于专栏：泽泽社泽泽社

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%;
}

linkCard('.post-content','0');

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

css