新しいサブスクリプション登録者フォームをトリガーしたり、割引を共有したり、訪問者がサイトを読み込んだときに表示されるお知らせを作成します。

訪問者がサイトにアクセスしたときに表示されるポップアップを作成できます。このガイドでは、サイトにプロモーション ポップアップを追加する方法と、ポップアップを表示するタイミングや場所を選択する方法について説明します。

プロモーション ポップアップは、以下のような場合に最適です。

• 訪問者をメーリング リストに招待する
• セールまたは割引コードを宣伝する
• 最新のブログ投稿または新商品を発表する
• 年齢制限のあるコンテンツに進む前に、訪問者に年齢確認を求める

プロモーション ポップアップは、Business、Commerce、Professional、Premium の各プランで利用可能なプレミアム機能です。ポップアップを作成するには、コンピュータを使う必要があります。Squarespaceアプリでプロモーション ポップアップを追加することはできません。

動画を見る

プロモーション ポップアップを追加する

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

1. [プロモーション ポップアップ] パネルを開きます。
2. プロモーション ポップアップのレイアウトを選択します。
3. [アクション]、[コンテンツ]、[表示とタイミング]、[画像]、および [スタイル] 設定を使用して、ポップアップのテキスト、タイミング、外観をカスタマイズします。 詳細については、以下の表を確認してください。
4. [ポップアップを表示] の横のトグルをオンに切り替えて、[保存] をクリックします。

ポップアップを作成した後にテストするには、シークレット ウィンドウでサイトにアクセスします。

ポップアップ設定

[プロモーション ポップアップ] パネルの設定をクリックすると、ポップアップをカスタマイズできます。 この表をガイドとして参照してください。

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

アクションを設定する

[プロモーション ポップアップ] パネルの [アクション] 設定で、訪問者に対するコール トゥ アクションを追加します。

ニュースレターへのサブスクリプション登録

訪問者にメールのサブスクリプション登録を促すには、[ニュースレターにサインアップ] を選択します。

ボタン

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

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

ストレージ

訪問者の回答を収集するには、[ストレージ] タブをクリックしてストレージ オプションを接続します。

• [Squarespace メール キャンペーン] をクリックするか、[他のサービスに接続] をクリックして送信内容の保存に Mailchimp または Google Drive を選択します。
• ニュースレターの送信を、メール アドレスや別のサードパーティー サービスに接続することはできません。

認証

[認証] タブをクリックして、サブスクリプション登録者の認証オプションを確認します。 既定のオプションは「確認メールを送信」ですが、Google reCAPTCHA を有効にしている場合は確認メールを無効にすることができます。 Squarespace メール キャンペーンのメーリング リストには、少なくとも 1つの認証方法が必要です。

送信後

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

• 送信後メッセージ - 訪問者がフォームを送信した後に、見出し、本文、および免責事項の下に表示されるテキスト。
• 送信後のHTML- コーディングの知識をお持ちの場合は、この欄にカスタム コードを追加して、送信後のメッセージと一緒に見出し、本文、免責事項の下に表示できます。送信後のHTMLは、送信後のメッセージを置き換えるものではありません。

ボタンのクリック

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

1. [アクション] 設定で、[ボタンをクリック] を選択します。
2. 最初のボックスにボタンのラベルを追加します。 これがボタンのテキストになります。
3. URL 欄にボタンのリンクを追加するか、 をクリックしてその他のリンク オプションを確認します。
4. 2 番目のボタンでも、同じ手順を繰り返します。 必要なボタンが 1つのみしかない場合は、2 番目のラベルと URL ボックスを空白のままにします。

表示とタイミングの設定

[プロモーション ポップアップ] パネルの [表示とタイミング] 設定で、訪問者に対するコール トゥ アクションを追加します。

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

[ページ] セクションでポップアップが表示されるページを選択します。 訪問者が最初に見るページにポップアップを表示するには、ドロップダウン メニューから [最初に表示されるページ] を選択します。

ポップアップが表示される場所を限定するには、[特定のページのみ] を選択します。 すでにニュースレター フォームがあるページのポップアップを非表示にしたりホームページにのみ表示したりする場合に、この設定は便利です。 ポップアップは、選択したページのうち訪問者が最初にアクセスしたページに表示されます。ページを選択したら、ページ メニューの外側をクリックしてページ メニューを閉じます。

以下の点に留意してください。

• メンバー サイト内のページや「インデックス」のサブページにはポップアップを表示できません。
• 複数のページを選択した場合は、以下で設定したルールがそれらのページに適用されます。
• ポップアップ用に複数のページを選択した場合でも、ポップアップは選択したページのうち訪問者が最初にアクセスしたページにのみ表示されます。

ポップアップが表示されるタイミングを選択する (スクロール時またはタイマー設定)

ポップアップのタイマーによる表示とスクロールによる表示の両方またはいずれかを [タイミング] セクションで選択します。 選択したら、もう片方のドロップダウン メニューを使用して、時間、スクロール率、またはその両方を設定します。

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

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

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

頻度を選択する

[頻度] のドロップダウン メニューを使用して、再訪問者にポップアップが表示される頻度を設定します。 訪問者に一度表示されたポップアップは、次回の訪問の際には表示しない方が良いかもしれません。あまり訪問者のエクスペリエンスの邪魔にならないよう、一定時間が経過してから再度表示したり再訪問者には表示しないように設定したりできます。

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

• 翌日 - 再訪問者には 24 時間後に再びポップアップが表示されます
• 1 週間後
• 2 週間後
• 30 日後
• なし - 際訪問者がポップアップを 2 度見ることはありません

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

ニュースレターのサインアップ後は再表示しない

ニュースレターのポップアップを使用している場合は、[ニュースレターのサインアップ後は再表示しない] をオンにすることで、すでにサブスクリプション登録している訪問者に対してポップアップを非表示にすることができます。

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

モバイルでの表示または非表示

モバイル端末を使用している訪問者にポップアップを表示するには、[モバイルに表示] をオンにします。

表示を最適化するため、モバイルでのポップアップの外観は変わります。ポップアップをカスタマイズするには、[スタイル] パネルの [モバイル] セクションにあるスタイル微調整オプションを使用します。 端末別プレビューを使用して、ポップアップがどう表示されるかをテストできます。

閲覧数をリセットする

再訪問したときにポップアップが再び表示されるようにするには、ポップアップが表示されない設定になっている場合でも、[リセット] ボタンをクリックします。

これは、ポップアップを変更したため、次回の訪問時に再訪問者に新しいデザインを見てもらいたい場合に便利です。新しいコンテンツが訪問者に一度表示されると、ポップアップの頻度は設定されたルールに戻ります。

画像設定

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

以下の点に留意してください。

• .jpg、.png、 または .gif ファイルのみがサポートされています。
• 画像をアップロードする前に、画像が適切な形式になっていることを確認してください。
• ストック画像を使用している場合は、ベスト プラクティスを確認してください。
• 複数の画像をアップロードすると、スライドショーが作成されます。 スライドショーにナビゲーション コントロールを追加したり、移行速度を設定したりすることはできません。
• 画像サイズをより細かく調整するには、[スタイル] パネルの [オーバーレイ デザイン] で [オーバーレイの詳細なレイアウト] の微調整オプションを有効にします。

ポップアップの例

タブをクリックして、一般的なプロモーション ポップアップで利用可能な設定を確認します。 これらのポップアップの作成には任意のテンプレートとスタイル設定を使用できますが、画像に対応するのは画像を含むテンプレートのみです。

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

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

モバイル上のプロモーション ポップアップ

プロモーション ポップアップはモバイルでも機能しますが、表示形式はコンピューターと異なります。以下をご確認ください。

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

[スタイル] パネルでモバイル特有のスタイルを設定したり、[表示とタイミング] パネルでモバイル版のポップアップを無効にしたりできます。

ポップアップと SEO

プロモーション ポップアップを使用すると、検索エンジンでのサイトのランキングに悪影響が生じる可能性があります。 SEO に関して不安がある場合は、コンピューター画面の一部のみに表示されるポップアップ レイアウトを選択することをおすすめします。

ポップアップによってモバイル版の Web コンテンツへのアクセスが制限されないようにすることは特に重要です。アクセス制限を回避しなければ、Google がモバイル検索結果でお客様のサイトを上位にランク付けしない可能性があります。 この問題を回避するため、モバイルではすべてのプロモーション ポップアップがページの半分にしか表示されないようになっています。モバイル版でポップアップを完全に無効にする選択肢もあります。

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

トラブルシューティング

ポップアップを閉じた後も再表示され続ける場合

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

ポップアップにスクロール バーが表示される

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

ポップアップの読み込みが遅い

高解像度の画像をアップロードしすぎると、ポップアップの読み込みに要する時間に影響が生じる可能性があります。

制限事項

• 一度に有効にできるポップアップは 1 件のみです。サイトに別のメッセージを表示するには、お知らせバーを追加してください。
• ポップアップはカスタム コードに対応していません。
• プロモーション ポップアップは、訪問者がページにアクセスしたときにのみ表示されます。 ユーザーがサイトを退出するときに表示されるポップアップを設定することはできません。
• 動画ファイルをポップアップにアップロードすることはできません。 動画の外観をシミュレーションするには、アニメーション .gif の使用をおすすめします。