サイト用お知らせバー(上部のバナー)
メッセージを書き、リンクを入れて、色を選んでください。バーを閉じた人には再び表示されず、指定した日付を過ぎると自動で消えるようにもできます。
使い方サイト上部のお知らせバー
広告
サイト用お知らせバー(上部のバナー): 用途
サイト上部のバーは、セール、送料無料、祝日の特別営業時間、新着情報を、閲覧の邪魔をせずに知らせるいちばん簡単な方法です。
メッセージとリンクを書いて、色を選びます。コードは、閉じた人に再び表示しないようにし(テキストを変えるまで)、指定した日付を過ぎると自動で消え、スクロールしても固定表示にできます。バーはページの先頭に入り、読み込み時から場所を確保するため、コンテンツを押し下げてCLSを悪化させることがありません。
使い方
- テキストとリンクを書きます。
- 色、閉じるボタン、終了日を選びます。
- コピーして、bodyタグの直後に貼り付けます。
使うタイミング
- ブラックフライデーのセール。
- 祝日の営業時間のお知らせ。
- 送料無料や割引クーポン。
よくある質問
バーを閉じたことをどう記憶しますか?
コードが、そのお知らせが閉じられたことを(localStorageに)保存します。テキストを変えるとキーも変わるため、新しいお知らせが全員にもう一度表示されます。
バーはSEOや読み込みに影響しますか?
いいえ。軽量なHTMLとCSSです。読み込み後にページが押し下げられる(GoogleのCLS指標が悪化する)ことがないよう、コードはbodyの先頭にバーを置いて最初から場所を確保し、すでに閉じた人の場合だけ取り除きます。
指定した日付までだけ表示できますか?
はい。終了日を入力すると、その日を過ぎればバーは表示されなくなります。サイトに入って削除する必要はありません。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。