現在LPを運用しており、ブラウザの「戻るボタン」を押した時、ポップアップを表示させるjQueryを実装致しました。(離脱防止のため)
ページに遷移した際に
https://〇〇.com/lp にアクセスすると
https://〇〇.com/lp#back
とリダイレクトする形
下記のコードでポップアップを表示しております。
実装したものは下記のものと一緒になります。
https://m-kenomemo.com/sample/browser-back.html
<div class="popup-area"> <i class="fas fa-exclamation-triangle icon"></i> <p><a href="/" target="_blank"><img src="bnr.jpg"></a></p> </div> <!-- 古いブラウザ対応 --> <script src="js/jquery.history.js"></script> <script> "use strict"; //ポップアップ非表示の判定 let popAppend = false; //履歴の追加 let hash = location.hash; if(hash != '#back') { history.pushState(null,null,location.href); history.replaceState(null,null,'#back'); } //設定したハッシュタグが消えたら実行 window.addEventListener('popstate',(e) => { if(location.hash != "#back" && popAppend === false) { $('.popup-area').fadeIn(); $('body').append($("<div>", {class: 'cover-eml'})); popAppend = true; if(popAppend) { $('body').on('click', '.cover-eml' , function() { deleteElm(); popAppend = false; }); } } }); //バナー削除 $('body,.close-btn').on('click', '.close-btn', function() { deleteElm(); popAppend = false; }); function deleteElm() { $('.cover-eml').fadeOut(); $('.cover-eml').remove(); $('.popup-area').fadeOut(); } </script>
こちらを実装していると広告経由で付与されるパラメータが消えてしまうため
なにか良い方法はございますでしょうか、、
よろしくお願い致します。
あなたの回答
tips
プレビュー