JavaScriptでリファラをチェックし、ホスト名と一致するかどうかで分岐処理する方法
ページアクセス時にリファラがホスト名と一致していれば何らかの処理を、一致しない場合は処理は行わずエラー表示したかった。通常であればPHPで対応するところなんだけどASPを利用したシステムのためJavaScriptにて対応する必要があった。以下に対応方法をメモ。
対応方法
ソースコード
<script>
const referrer = document.referrer;
if( referrer.indexOf(location.hostname) !== -1 ){
//リファラにホスト名が含まれる場合
}else{
//他サイトからのリクエストもしくは直接ページを開いた場合
}
</script>
リファレンス
Document: referrer プロパティ
https://developer.mozilla.org/ja/docs/Web/API/Document/referrer
関連記事
-
-
JavaScriptでCookieを取り扱う「js-cookie」ライブラリの利用方法
「jquery-cookie」プラグイン開発終了に伴い「js-cookie」ライ ...
-
-
Push.jsを用いてプッシュ通知を実装&Web Audio APIで通知音も鳴らす方法
プッシュ通知(デスクトップ通知)を実装してみたい。また、通知の際は分かりやすいよ ...
-
-
JavaScriptで文字列から数値(特に小数)へ変換時の注意点
JavaScriptで文字列から数値へ変換時に想定していた結果と異なることがあっ ...
-
-
jQueryで後から追加した要素にhasClass / addClass / removeClassを使用した際の挙動
jQueryで後から追加した要素にhasClass / addClass / r ...
-
-
JavaScript / jQueryでブラウザのウィンドウがアクティブかどうかを判別する方法
ある動画サイトを閲覧していた際にウィンドウが非アクティブになると視聴中の動画が止 ...