訪問者がサイトにアクセスしたときに表示されるプロモーション ポップアップを設定します。

プロモーション ポップアップは、訪問者がページにアクセスしたときにサイトに表示されます。これを使用すると、訪問者にメーリングリストへのサインアップを促したり、サイト上のページにつながるコール トゥ アクション ボタンを表示したりできます。

こちらもご覧ください: お知らせバーを追加する

プロモーション ポップアップは、コア、プラス、アドバンスの各プランで利用できます。

プロモーション ポップアップの作成方法に関する動画

この2分間の動画では、訪問者がサイトにアクセスしたときに表示されるプロモーション ポップアップの追加方法を説明します。

サイトにプロモーション ポップアップを追加する

プロモーション ポップアップを追加する方法は以下の通りです。

1. [プロモーション ポップアップ] パネルを開きます。
2. レイアウトを選択します。
3. ポップアップのコンテンツ、アクション、表示とタイミング、画像、スタイルの設定をカスタマイズします。
4. [ポップアップを表示] のトグルをオンに切り替えて、[保存] をクリックします。
5. (任意) ポップアップをテストするには、シークレット ウィンドウでサイトにアクセスします。

ポップアップ設定をカスタマイズする

[プロモーション ポップアップ] パネルの設定をクリックすると、ポップアップをカスタマイズできます。次の設定をカスタマイズできます。

• レイアウト: ポップアップのサイズと、ページ全体に表示するか一部に表示するかを選択します。画像は、その画像を含むテンプレートにのみ追加できます。レイアウトにカーソルを合わせ、[選択] をクリックしてプレビューし、次に [保存] をクリックしてレイアウトを適用します。レイアウトが大きいとSEOに影響が出る可能性があります。
• アクション: ポップアップで訪問者にニュースレターへのサインアップとボタンのクリックのどちらを求めるかを選択します。
• コンテンツ: ポップアップにテキストを追加します。[ヘッドライン] フィールドと [本文] フィールドをクリックしてテキストを追加し、[保存] をクリックします。このテキストは短いものにしてください。テキストが多すぎると表示に問題が生じる場合があります。
• 表示とタイミング: ポップアップを表示するタイミング、場所、頻度を選択します。
• 画像: 選択したレイアウトがポップアップに対応している場合は、ポップアップに画像を追加します。
• スタイル: サイトの外観と雰囲気に合わせてポップアップのスタイルを設定します。ポップアップ内のエリアをクリックすると、そのエリアで使用できるスタイル微調整オプションのみが表示され、それ以外は非表示になります。[すべて表示] をクリックすると、使用可能な微調整オプションがすべて表示されます。送信後のメッセージは、本文のフォントと色の微調整オプションに従って表示されます。

ポップアップにニュースレターのサインアップを追加する

ポップアップを使用して訪問者にメーリングリストへの登録を促すには、[プロモーション ポップアップ] パネルの [アクション] 設定を開き、[ニュースレターにサインアップ] を選択します。これにより、訪問者のメールアドレスを収集するポップアップが表示され、メールキャンペーンを送信できるようになります。

ニュースレターのポップアップのテキストを変更する

[ボタン] タブをクリックすると、ニュースレターのポップアップのテキストを変更できます。

• メールアドレス フィールドのプレースホルダー テキスト - メールアドレス フィールド内のテキスト。既定値は「メールアドレス」です。
• 送信ボタンのラベル - 訪問者がメールアドレスを送信するためにクリックするボタンに表示されるテキスト。既定値は「送信」ですが、「ご参加ください」や「サインアップ」などに変更できます。
• 免責事項 - メールアドレス欄の下のテキスト。

ニュースレターの送信データを保存する

訪問者の回答を収集するには、[ストレージ] タブをクリックし、[Squarespaceメールキャンペーン] をクリックします。代わりにMailchimpやGoogleドライブを使用するには、[他のサービスに接続] をクリックしてストレージ オプションを選択します。

認証方法を選択する

Squarespaceメールキャンペーンのメーリングリストには、少なくとも1つの認証方法が必要です。

[認証] タブをクリックして、登録者の認証オプションを確認します。既定値は「確認メールを送信」です。Google reCAPTCHAを有効にしている場合は、確認メールをオフにできます。

送信後のメッセージを変更する

[送信後] タブをクリックすると、訪問者がサインアップした後に表示されるテキストを変更できます。

• 送信後メッセージ - 訪問者がフォームを送信した後に、見出し、本文、および免責事項の下に表示されるテキスト。
• 送信後のHTML - 送信後のメッセージとともに、見出し、本文、免責事項の下に表示されるカスタムコード。送信後のHTMLは、送信後のメッセージを置き換えるものではありません。

ニュースレターのメール送信を、別のメールアドレスやサードパーティーのサービスに送信できますか？

いいえ。ニュースレターのメール送信を別のメールアドレスやサードパーティーのサービスに送信することはできません。メールは、Squarespaceメールキャンペーン、Mailchimp、またはGoogleドライブにのみ保存できます。

ニュースレターへのサインアップ用ポップアップで名前と電話番号を収集できますか？

いいえ。このアクションで登録者の名前を収集することはできません。名前やその他の連絡先情報を収集するには、ニュースレター ブロックのあるページにリンクするボタンを追加してください。

ポップアップにボタンを追加する

サイトのページ、ファイル、別のサイトなど、訪問者を誘導する場所にリンクするボタンを2つまで追加できます。

ボタンを追加する手順は以下のとおりです。

1. [アクション] 設定で、[ボタンをクリック] を選択します。
2. [リンク ラベル] フィールドに、ボタンのテキストを入力します。
3. URLフィールドにリンクを追加するか、をクリックしてその他のリンク オプションを確認します。
4. これらの手順を繰り返して、2番目のボタンを追加します。

ポップアップを表示するページを選択する

[表示とタイミング] 設定の [ページ] セクションを使用して、ポップアップを表示する場所を選択します。訪問者が最初にアクセスしたページに表示するには、ドロップダウン メニューから [最初に表示されるページ] を選択します。

ポップアップが表示されるページを選択するには、[特定のページのみ] を選択します。複数のページを選択した場合、タイミングと頻度のルールがそれらすべてに適用され、ポップアップは訪問者が最初にアクセスしたページにのみ表示されます。

ページを選択したら、ページ メニューの外側をクリックしてページ メニューを閉じます。

ポップアップがタイマーまたはスクロールで表示されるように設定する

[表示とタイミング] 設定の [タイミング] セクションで、ポップアップをタイマーによって表示するか、訪問者がページの特定の位置までスクロールしたときに表示するか、またはその両方にするかを選択します。もう片方のドロップダウン メニューを使用して、時間とスクロール率を設定します。

時間とスクロール位置の両方を設定すると、最初のアクションが発生したタイミングでポップアップが表示されます。たとえば、時間を10秒後に設定し、スクロール率を25%下方に設定した場合、ポップアップは以下のいずれかの場合に表示されます。

• 訪問者がページにアクセスし、すぐにページの25%下方にスクロールした場合。
• 訪問者がページにアクセスし、スクロールしない状態で同じ場所に10秒間とどまった場合。

パスワードで保護されたページ

パスワードで保護されたページでは、訪問者がパスワードを入力した後、同じ表示とタイミングのルールに従ってポップアップが表示されます。

再訪問者にポップアップが表示される頻度を選択する

[表示とタイミング] 設定の [頻度] ドロップダウン メニューを使用して、再訪問者にポップアップが表示される頻度を設定します。一定時間が経過してから再度表示するか、再訪問者にはまったく表示しないように設定できます。

以下の頻度オプションから選択します。

• 翌日 - 再訪問者には24時間後に再びポップアップが表示されます。
• 1週間後 - 再訪問者には7日後に再びポップアップが表示されます。
• 2週間後 - 再訪問者には14日後に再びポップアップが表示されます。
• 30日後 - 再訪問者には30日後に再びポップアップが表示されます。
• なし - 再訪問者には再度ポップアップを表示しません。

ブラウザーのCookieはポップアップの表示頻度にどのように影響しますか？

新規訪問者と再訪問者を識別するため、当社はCookieを使用しています。訪問者のブラウザーにポップアップCookieが保存されている場合、サイトはそのユーザーを再訪問者としてカウントします。キャッシュをクリアしたり、新しいブラウザーからサイトにアクセスしたりしたユーザーは、新規訪問者としてカウントされます。

すでに登録している訪問者にはポップアップを非表示にする

ニュースレターのポップアップを使用している場合は、[表示とタイミング] 設定で [ニュースレターのサインアップ後は再表示しない] をオンにすると、すでに登録している訪問者にはポップアップが表示されなくなります。

このルールは、ポップアップ経由のサブスクリプション登録のみに適用されます。ニュースレター ブロックや精算など、サイトの他の場所からサブスクリプション登録を行ったユーザーには、ポップアップが表示される場合があります。

モバイルでポップアップを表示または非表示にする

モバイル端末を使用している訪問者にポップアップを表示するには、[表示とタイミング] 設定で [モバイルに表示] をオンにします。非表示にするには、[モバイルに表示] のチェックを外します。

表示を最適化するため、モバイルでのポップアップの外観は異なります。カスタマイズするには、[スタイル] パネルの [モバイル] セクションにあるスタイル微調整オプションを使用して、端末別プレビューで結果を確認します。

すべての訪問者に対してポップアップをリセットする

頻度設定によって非表示になっている場合でも、再訪問時にすべての訪問者に対してポップアップが再び表示されるようにするには、[表示とタイミング] 設定で [リセット] をクリックします。

デザインを変更した後にポップアップをリセットすると、再訪問者に新しいバージョンが表示されます。新しいコンテンツが訪問者に一度表示されると、ポップアップの頻度は設定されたルールに戻ります。

ポップアップに画像を追加する

[画像設定] で画像のアップロード欄をクリックし、次に [画像をアップロード] をクリックします。すでにサイトに追加した画像を再利用したり、ストック画像を使用したりすることもできます。代わりに単色の背景色を使用するには、[画像] パネルを空のままにし、[スタイル] パネルで背景色を選択します。

アップロードできるのは、.jpg、.png、.webp、および.gifファイルです。画像をアップロードする前に画像のフォーマットを整え、ストック写真を使用している場合は、当社のストック画像のベスト プラクティスをご確認ください。

複数の画像をアップロードすると、スライドショーが作成されます。ナビゲーション コントロールを追加したり、スライドショーの移行速度を変更したりすることはできません。

画像のトリミング方法を制御して寸法を維持するには、[スタイル] パネルの [オーバーレイ デザイン] で [オーバーレイの詳細なレイアウト] の微調整オプションを有効にします。

ポップアップのエンゲージメントを追跡する

フォームとボタンのコンバージョンを使用して、プロモーション ポップアップへの訪問者のエンゲージメント詳細を確認できます。コンバージョン率を追跡し、ポップアップの閲覧数と送信数またはクリック回数を比較できます。

訪問者がポップアップを閉じても、何度も再表示されるのはなぜですか？

同じブラウジング セッション中に訪問者に対してポップアップが再度表示される場合、そのユーザーはプライベート ウィンドウまたはシークレット ウィンドウでサイトにアクセスしている可能性があります。プライベート ウィンドウでは個々のアクセスが認識されないため、訪問者がページを更新したりサイトで新しいページを開いたりするたびに、設定したタイミングと頻度のルールに従ってポップアップが表示されます。

モバイルでポップアップが異なって見えるのはなぜですか？

プロモーション ポップアップはモバイルでも機能しますが、表示形式はコンピューターと異なります。

• ポップアップは画面の半分に表示されます。
• 画像は表示されません。
• パソコンでテキストが中央に表示されるレイアウトの場合、モバイル端末では [X] アイコンが表示されたままになるようにテキストは常に左揃えになります。

外観を変更するには、[スタイル] パネルでモバイル固有のスタイルを設定するか、モバイルでポップアップを非表示にします。

ポップアップにスクロール バーが表示されるのはなぜですか？

テキストが多すぎるとスクロール バーが追加され、モバイルでは表示の問題が発生する可能性があります。見出しは1 文、本文は3文に収めるようにしてください。

ポップアップの読み込みが遅いのはなぜですか？

高解像度の画像を複数アップロードすると、ポップアップの読み込み時間に影響する可能性があります。画像を削除するか、より小さいファイルに置き換えてみてください。

メンバー サイトやインデックスのサブページにポップアップを追加できますか？

いいえ。メンバー サイト内のページやインデックスのサブページにはポップアップが表示されません。

ポップアップは複数のページに表示されますか？

いいえ。複数のページを選択した場合でも、ポップアップは訪問者が最初にアクセスしたページにのみ表示されます。選択したページは、ポップアップが表示されるページを制御するものであり、表示される回数を制御するものではありません。

一度に複数のポップアップを使用できますか？

いいえ。一度に有効にできるポップアップは1件のみです。サイトに別のメッセージを表示するには、お知らせバーを追加してください。

ポップアップにカスタムコードや動画を追加できますか？

いいえ。ポップアップはカスタム コードに対応しておらず、動画ファイルをアップロードすることもできません。動画のような外観にするには、アニメーションgifを使用してください。

ユーザーがサイトを退出するときに表示されるポップアップを設定できますか？

いいえ。プロモーション ポップアップは、訪問者がページにアクセスしたときにのみ表示されます。

プロモーション ポップアップはSEOに影響しますか？

はい。ポップアップを使用すると、検索エンジンでのサイトのランキングが下がる可能性があります。SEOに関して不安がある場合は、画面の一部のみに表示されるレイアウトを選択してください。

Googleがモバイル検索結果でサイトの掲載順位を下げる可能性があるため、ポップアップによってモバイル版のコンテンツへのアクセスがブロックされないようにすることが最も重要です。すべてのプロモーション ポップアップはモバイルでページの半分のみを占めます。モバイルでは完全に非表示にすることもできます。

備考: SEO 戦略は、Squarespaceサポートの範囲外です。Squarespaceは、検索エンジンと訪問者に合わせてサイトを最適化するためのSEO フレンドリーな機能と完全なSEO チェックリストを提供していますが、サイトのランキングに関する具体的なアドバイスを提供することはできません。