ローディング画面(プリローダー)の設定

この記事でできること

  • プリローダーが何のためにあるか分かる
  • スタイル(スピナー/バー/ロゴパルス)を選べる
  • 読み込み中メッセージを設定できる

プリローダーとは

LPを開いた直後、画像や動画が読み込まれるまでの一瞬に表示するブランド演出です。真っ白な画面が見えてしまうのを防ぎ、「ちゃんと動いている」という安心感を与えます。

画像が多いLPや動画を埋め込んだLPでは、読み込みに少し時間がかかることがあります。そのときプリローダーがあると、離脱を防ぎやすくなります。

設定する場所

  1. プロジェクトを開く
  2. 「プロジェクト設定」 を開く
  3. 「プリローダー」 セクションへ

ON / OFF

セクション右上のトグルスイッチで表示の有無を切り替えます。OFFにすると何も表示せず、すぐにLPが現れます。

スタイルを選ぶ

ONにすると、3つのスタイルから選べます。

スタイル見た目向いている用途
⟳ スピナーくるくる回るマーク汎用・無難
▬ バー横長のプログレスバー読み込み量が多いLP
✦ ロゴパルスロゴがふわっと脈打つブランド感を出したいとき

選んだ瞬間に自動保存されます。

メッセージ(任意)

読み込み中に出す一言を設定できます(例: 「しばらくお待ちください...」)。空欄ならメッセージ無しです。入力欄からフォーカスを外すと自動保存されます。

💡 読み込みが速いLPでは、プリローダーが一瞬で消えて気づかないこともあります。まずはプレビューで実際の見え方を確認してください。

関連記事

この記事は役に立ちましたか?