广告落地页的防返回优化,返回的时候跳转到另外的广告页与弹窗
我们在日常做广告落地页的时候,经常会有一个需求,就是怎么让用户返回的时候能再多看看广告,从而增加转化率
以下为弹窗的完整代码,
<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