認可Cookie持ってなかったらリダイレクトさせる
目的
index.htmlに,「18歳以上ですか」というお決まりの案内を出しているが,URLベタが記されると目的のエロページに辿り着いてしまう.
そこで18歳ボタンを押した人だけが,エロページに行けるようにしたかった.
(という建前で,本音は会社での成果発表で,意図せずエロページ出さないようにするため)
やってみる
1.index.htmlの「18歳以上ですか」に対する「はい」ボタンクリック時に,認可Cookie(ていうほどのもんじゃないけど)をセット.
index.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- onClickに認可Cookie払い出し関数を紐付ける -->
<a href="eropage.html"><button type="button" onClick="yesBtn();">はい</button></a>
<script src="index.js"></script>
</body>
</html>
index.js
function yesBtn() {
//認可Cookieのセット
document.cookie = "auth=over18; max-age=3600";//有効期限は3600秒=1時間
}
2.認可Cookieを持ってエロページに遷移.ここで認可Cookieがなければ,index.htmlにリダイレクト
eropage.js
// 認可Cookieを持っていなければ,リダイレクト
var cookies = document.cookie;
if (!cookies) {
location.href="index.html";
}
このドメインでは,Cookieはこの1つのみ扱うため,cookieを持っているか否かで判定を行なっている.
持っていないければ,index.htmlにリダイレクトさせる.
終わりに
これで,直打ちされても表示は回避でき,意図しないエロサイト表示は避けられた.