ウェブページを表示させたときに、大きなお知らせなどでポップアップを必ず表示させたいが、ページ遷移ごとだとうるさいので二回目からは非表示したいというオーダーがあった。
js + cookieでポップアップを制御することになるが、cookieの操作については、「jquery.cookie.js」を使えば楽ちん。
下記ページあたりを参考にすれば、基本的なことはだいたいできそう。
https://itsakura.com/jquery-cookie-js
https://iwb.jp/jquery-cookie-savehours/
--------------------
一つ覚えておきたいのは期間の設定について。
期間を設定しなければ今のセッションだけの期間となるので、ブラウザを閉じるとリセットされる。今回のケースなどはあえて期間設定をしないことで、サイト訪問のたびに一回だけ表示という、程よい表示間隔になった。
また期間についていうと、基本的に1日が最低単位なので１時間や６時間などの設定はできない。もしする場合は、一つそれ用の仕組みを作る必要がある。
--------------------
それと今回引っ掛かったのは「Path」について。
トップページから閲覧を開始すると問題がないのだが、最初に下層を表示させた場合、まずそこでポップアップするがトップページに戻ったり他の兄弟階層に行くとまたポップアップされる症状が出た。
これは「Path」が下層ディレクトリになっていたからなので「Path："/"」を設定することで解決。