如何把百度等广告一直固定在wap页面底部显示

百度的点击广告虽然严重缩水,不过至少目前还是能够有收入,在扣量严重的情况下,你只有提高点击量才能挣回来,像谷歌的激励广告、固定顶部的广告、固定底部广告供你选择,可是国内的广告联盟没有啊(小程序上很多)。那要如何固定的显示广告代码在WAP页的底部呢?要准备两个东西,代码和Adinsert插件

一、代码

<style>
    .margingT {
        margin-bottom: 60px;
    }

    .bottomAD {
        -webkit-box-sizing: border-box;
        height: 150px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        padding: 0 10px;
        overflow: hidden;
        width: 100%;
        background: rgba(0, 0, 0, .8);
    }

    .bottom-text {
        margin-left: 70px;
        line-height: 80px;
        font-size: 16px;
        color: #fff;
    }

    .bottom-btn {
        position: absolute;
        top: 20px;
        right: 10px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background-color: #60b900;
        border-radius: 6px;
        text-align: center;
        font-size: 16px;
        padding: 0 5px;
        font-weight: bold;
    }

    .bottomAD a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

</style>

<div class="bottomAD" id="bottomAD">

    <div class="bottom-con">
        <div class="bottom-pic">
        这里放入你的百度等广告代码
        </div>
      
    </div>
</div>

二、Adinsert的运用

Adinsert设置
Adinsert设置

要注意的几个地方,insertion 选择Footer,Client-side device dection 选择 Tablet,Phone ,上面的那些根据个人需要选择

三、实例

某网站,显示效果如下图。

网站显示效果

相关内容推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注