CINXE.COM
PIANO オプトアウト - UchuBiz
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta name="robots" content="noindex"> <title>PIANO オプトアウト - UchuBiz</title> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="stylesheet" type="text/css" href="https://www.asahicom.jp/ad/tieup/css/asahi_header_for_tieup.css" media="screen,print" /> <style type="text/css"> @charset "utf-8"; .PianoOptoutTitle{ font-size: 1.5rem; line-height: 1.5; margin: 24px; font-weight: bold; } .PianoOptoutTxet { text-align: left; max-width: 80%; margin: 0 auto 40px; word-wrap:break-all; } .PianoOptoutStatus{ font-size: 1.1rem; font-weight: bold; margin-bottom: 10px; } .PianoOptoutButton{ text-align: center; } button.link-style-btn{ background-color: #000000; border: none; padding: 1rem 0; font-size: 1rem; font-weight: 700; color: #fff; width: 100%; max-width: 350px; line-height: 1; font-family: Arial, "游ゴシック Medium", "Yu Gothic Medium", YuGothicM, 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; } button.link-style-btn:hover{ opacity: 1; background-color: #31313129; } .PianoOptoutBack{ text-align: center; margin-top: 50px; } </style> </head> <body> <div id="ContentsArea"> <div id="MainArea"> <div class="PianoOptoutTitle">PIANO オプトアウト</div> <div class="PianoOptoutTxet"> <p>「PIANO」は、PIANO Japan株式会社が提供するデジタルビジネスプラットフォームです。PIANOについては、<a href="https://piano.io/privacy-policy/" target="_blank" rel="noopener noreferrer" title="https://piano.io/privacy-policy/">https://piano.io/privacy-policy/</a>（※外部サイト）をご覧ください。</p> <br> <p>PIANOによる利用者情報の収集を希望しない場合は、以下の「オプトアウト（無効化）に変更する」を選択してください。</p> <br> <div class="PianoOptoutButton"> <script type="text/javascript"> function hasLocalStorage() { try { return typeof window.localStorage === 'object' && typeof window.localStorage.getItem === 'function'; } catch (e) { return false; } } function getOptOutStatus(key) { var status = false; if (hasLocalStorage()) { var optedOut = window.localStorage.getItem(key); if (optedOut && optedOut === 'true') { status = true; } } return status; } var currentStatusLabel = " 現在のステータス: "; var currentStatusOpted = "オプト"; var currentStatusOptedIn = "イン（有効化）"; var currentStatusOptedOut = "アウト（無効化）"; var currentStatusOpt = "「オプト"; var currentStatusOptIn = "イン（有効化）」に変更する"; var currentStatusOptOut = "アウト（無効化）」に変更する"; var cxOptOutKey = 'cx_optOut'; // Read the opt-out status from the local storage var optOutStatus = getOptOutStatus(cxOptOutKey); // Update UI to reflect current state document.write("<div class=\"PianoOptoutStatus\">「UchuBiz」のステータス" + '</div>\n'); document.write("<div class=\"PianoOptoutStatus\">" + currentStatusOpted + (optOutStatus ? currentStatusOptedOut : currentStatusOptedIn) + '</div><br>\n'); document.write('<button onclick="onButtonClick();" class="link-style-btn">' + currentStatusOpt + (optOutStatus ? currentStatusOptIn : currentStatusOptOut) + '<br /></button>\n'); function onButtonClick() { if (hasLocalStorage()) { if (!optOutStatus) localStorage.setItem(cxOptOutKey, 'true'); else localStorage.removeItem(cxOptOutKey); } location.reload(); } </script> </div> <div> </div> </div> </body> </html>