Wordpressのサイトに非表示にできる外部リンクへの警告ポップアップを実装したい

■ やりたいこと
運営しているWordpressのサイトに外部リンクへ移動することを知らせる警告ポップアップを表示したいです。ただ、外部リンクを踏むたびにポップアップを表示させるのではなく、ユーザー自身が選択することでその後リンクを踏んでも表示しないようにしたいです。

頭の中で思い描いている完成系は以下の通りです：
![]

■ 試してみたこと
以下のコードをfunction.phpに追加し、alertを表示してみました。

php
1<?php
2$alert = "<script type='text/javascript'>alert('外部サイトへ移動します');</script>";
3echo $alert;
4?>

アラートが表示されるまではよかったのですが、『今後このメッセージを表示しない』等をチェックしてもらった上で一時的にアラートを非表示にする方法がわからず困っています。どこから手をつけていいかもわからないので、とにかく聞いてみようと質問を投稿しました。

■ 補足
動作環境：Mac
Wordpressのテーマ: Luxeritas
サーバ: Mixhost

丸投げに近い質問で申し訳ありません。ぜひお知恵をお貸しください。

行動規範の内容に同意します

回答1件

ベストアンサー

ユースケースとしては、以下であってるでしょうか？

リンクを踏む。
アラートが出る。
今後このメッセージを表示しないにチェックを入れる。
外部サイトに飛ぶ。
再度アクセスした時（数分後か数日後とか）にリンクを踏む。
アラートは出ずに、外部サイトに飛ぶ。

方法としては以下２つが考えられます。

運営してるサイトが会員制サイトの場合

ユーザーは何らかの形でログインしている状態なので、ユーザー毎に「今後このメッセージを表示しない」にチェックを入れたかどうかを、DBに保存しておく。
アラートを出す際に、DBから該当ユーザーの上記情報を取得し、その結果によってアラートを出し分ける。

運営してるサイトが会員制サイトでない場合

会員制サイトではないので、アクセスしてきたユーザーが、どのユーザーなのかサイト側ではわかりません。
なのでDBに保存するという上記方法は使えません。
アクセスしてきたユーザーのブラウザ上にデータを保存する、COOKIE（クッキー）という仕組みがあります。
このCOOKIEを使い、アクセスしてきたユーザーのブラウザ上に、「今後そのメッセージを表示しない」にチェックをいれたかどうかという情報を保存しておきます。
アラートを出す際に、COOKIEから上記情報を取得し、その結果によってアラートを出し分けます。

cookieのデメリットとしては、ユーザーのブラウザ設定から、cookieの中身を書き換えることは可能です。
また、ブラウザの履歴削除機能で、cookieまで削除された場合、「今後そのメッセージを表示しない」にチェックをいれたとしても、再度アラートが出てしまいます。
このあたりを許容し、cookie書き換えに対して処理が正常に行えるように注意して実装する必要があります。

以上です。
とっかかりも分からないとのことでしたので、こちらでとっかかりは掴めたかと思います。
情報を調べて、実装頑張ってみてください！

投稿2022/01/08 09:54