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

网友 • 2020-10-13 • 胡剽乱写IT世界 • 718 阅读

百度的点击广告虽然严重缩水，不过至少目前还是能够有收入，在扣量严重的情况下，你只有提高点击量才能挣回来，像谷歌的激励广告、固定顶部的广告、固定底部广告供你选择，可是国内的广告联盟没有啊（小程序上很多）。那要如何固定的显示广告代码在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>