ログインして優待を使う
<!-- [publish_status=public] ←あると公開、消すと非公開 --> <!-- [enable_edit=true] ←あると編集可能、消すと編集不可 --> <style> #visit-popup{ text-align: center; background-color: initial; overflow: visible; position: relative; } #visit-popup a{ display: block; margin: auto; } #visit-popup img{ max-width: 100%; display: block; } #visit-popup .close{ display: block; position: absolute; bottom: -3rem; text-align: center; width: 100%; } #visit-popup .close b{ display: inline-block; margin: auto; color: #fff; font-size: 2rem; } .ui-dialog{ position: fixed; top: 10% !important; max-width: 100% !important; } .ui-dialog .ui-dialog-content{ padding: 0 !important; } .ui-dialog .ui-dialog-titlebar{ display: none; } .ui-dialog .ui-dialog-buttonpane{ display: none; } .ui-widget-overlay{ background: rgba(0, 0, 0) !important; opacity: 0.5 !important; } </style> <script type="text/javascript"> $(function(){ setTimeout(function(){ console.log($.cookie('kids-first_pop')); if($.cookie('kids-first_pop') == 'show'){ console.log("not show"); }else{ console.log("show"); $("#visit-popup").dialog({ modal:true, //モーダル表示 title:"テストダイアログ1", //タイトル // position: {my: "center", at: "center", of: null}, // position: ["center", "center"], // width: "100%", width: 600, // height: 500, // maxWidth: 480, open: function(event, ui) { }, buttons: { //ボタン "確認": function() { $(this).dialog("close"); } } }); $.cookie('kids-first_pop', 'show', { expires: 1,path: '/' }); //gtag('event', 'show', {'event_category': 'kids','event_label': 'popup-guest','value': 1}); ga('send', 'event', 'kids', 'show', 'popup-guest', 1); } }, 1000); }); $( document ).on( "click", ".ui-widget-overlay, .close", function(){ console.log("close"); $("#visit-popup").dialog("close"); }); </script> <style> .min-yu-footer{ background-color : #fff; padding: 5px; } .tabl3 { border-collapse: collapse; width: 100%; max-width: 660px; font-weight: normal; } .table3 td { text-align: left; padding: 3px; color: #444; } .table3 a { text-align: left; padding: 3px; color: #444; font-size: .8em; text-decoration: none; } </style> <br/> <div class="min-yu-footer"> <center> <table class="table3"> <tr> <td> <a href="https://min-yu.jp/mypage?ref=footer"> マイページ </a> </td> <td> <a href=" https://min-yu.jp/my/qa/"> お問い合わせ・よくあるご質問 </a> </td> </tr> <tr> <td> <a href=" https://min-yu.jp/my/rules/" > 利用規約 </a> </td> <td> <a href="https://min-yu.jp/my/guide/" > ご利用ガイド </a> </td> </tr> <tr> <td> <a href=" https://min-yu.jp/my/tokusho/"> 特定商取引法に基づく表記 </a> </td> <td> <a href=" https://min-yu.jp/my/privacy/"> プライバシーポリシー </a> </td> </tr> <tr> <td> <a href="https://min-yu.jp/my/company/" > 運営会社 </a> </td> </tr> </table> <p style="font-size: .75em; color: #444; text-align: center;"> Copyright © gooddo, Inc. All Rights Reserved. </p> </center></div> </div> </div> </div></body> <html>
