1. 首页

广告落地页的防返回优化,返回的时候跳转到另外的广告页与弹窗

我们在日常做广告落地页的时候,经常会有一个需求,就是怎么让用户返回的时候能再多看看广告,从而增加转化率


以下为弹窗的完整代码,

<div class="modal fade bs-example-modal-sm in" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-sm">
            <div class="modal-header" style="padding: 0px; margin: 0px;position: relative;"> <img src="static/download.png" alt="" style="width: 100%;vertical-align:middle">
                <p id="mydel">X</p>
            </div>
            <div class="modal-content" style="border-top-right-radius: 0; border-top-left-radius: 0;">
                <div class="modal-body">
                    <h4 style="margin: auto;line-height: 150%;">恭喜你:获得产后瘦身咨询名额</h4>
                    <h4 style="margin: auto;line-height: 250%;"><span style="color: red; font-size: 20px; font-weight: bold;">添加老师微信号咨询</span></h4>
                    <h4 style="margin: auto;line-height: 200%; "> <font style="color:#f74545;font-weight:bold;font-size:1.2em;background:#ff0;" id="tz" oncopy="copy()">
                        <span class="wx_id">xiaoru6366
</span></font> </h4>
                    <h4 style="margin: auto; margin-top:0.5em;"> ★先长按上方微信复制添加★</h4>
                    <h4 style="margin: auto;margin-top: 6px;">
                        <a href="weixin://" style="border: 1px solid #f19325;color: #00a0fe;
                                            padding: 1px 6px;border-radius: 5px;">再点击这去微信添加微信</a>
                    </h4>
                </div>
            </div>
        </div>
    </div>

<style>
    
   .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: rgba(0,0,0,.3);
    font-size: 16px;
    text-align: center;
}
.modal-sm {
    width: 90%;
    margin: 30px auto;
    max-width: 400px;
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
#mydel&n

   
         

本文来自投稿,不代表本人立场,如若转载,请注明出处;如有问题您可以发邮件到:itlun@qq.com