ブログ

ウェブサイトにポップアップアンケートを追加する方法

最終更新日: 
ウェブサイトにポップアップアンケートを追加する方法

顧客やウェブサイト訪問者からフィードバックを収集する必要がありますか?ポップアップアンケートが最適なソリューションかもしれません。

ポップアップアンケートとは、訪問者やアプリユーザーがウェブサイトを閲覧したり、ウェブアプリを使用したりする際に、画面上に自動的に表示される顧客アンケートフォームのことです。ポップアップアンケートは、オンページアンケート、オンサイトアンケート、またはアンケートウィジェットとも呼ばれます。適切に実装すれば、ポップアップアンケートはウェブサイト訪問者やアプリユーザーから貴重なフィードバックを収集するのに役立ちます。

今すぐチェック…

独自のポップアップアンケートを作成しましょう。Jotformなら数分で完成します。しかも無料です!

しかし、ほとんどのポップアップアンケートは比較的控えめですが、不適切に設計されたものはユーザーエクスペリエンスに悪影響を及ぼす可能性があります。元デジタルマーケティングコンサルタントであり、Travailleur Autonomeの創設者であるJulien Gandelin氏は、ポップアップはユーザーをイライラさせる可能性があり、「95パーセントのケースでは、表示されるとすぐに閉じられてしまう」と述べています。

この記事では、Jotformを使用して、成果を上げる適切に設計されたポップアップアンケートをウェブサイトに作成して追加する方法をご紹介します。

Jotformでポップアップアンケートを作成する方法

以下の手順に従って、特定の状況で表示されるポップアップアンケートを簡単にウェブサイトに追加できます。

1. アンケートフォームを作成する

まず、Jotformに無料でサインアップするか、アカウントにログインしてポップアップアンケートフォームを作成します。インスピレーションが必要な場合は、Jotformには無料のアンケート作成ツールと、選択できる数百種類のアンケートテンプレートがあります。テンプレートを選択するか、ゼロからフォームをデザインすることができます。

フォームデザインに満足したら、フォームビルダーの上部にある公開をクリックし、左側の列から埋め込みを選択します。

2. 表示オプションを選択し、適切なコードをコピーする

すべてのポップアップには、それを表示するためのトリガー、つまりポップアップを起動するアクションが必要です。Jotformでは、2つの方法でポップアップフォームの表示をトリガーできます。

  • クリック時: ユーザーがリンクまたはボタンをクリックしたときにポップアップが表示されます。
  • 自動: ウェブサイト訪問者がサイトのページに到着した後、自動的にポップアップが表示されるように設定できます。

クリック時にフォームを表示する

ユーザーがリンクまたはボタンをクリックしたときにポップアップを表示したい場合は、埋め込みオプションのリストからフィードバックボタンまたはポップアップを選択し、生成されたコードをコピーします。フィードバックボタンを選択すると、以下の画像のように、ウェブサイトの側面にボタンが表示されるコードが生成されます。

フィードバックボタンをクリックしてプレビューオプションを選択することでプレビューされたウェブサイト満足度調査フォームのスクリーンショット

ユーザーがフィードバックボタンをクリックすると、アンケートフォームがライトボックスに表示されます。

ライトボックスでプレビューされたウェブサイト満足度調査のスクリーンショット

フィードバックボタンのタイトルとポップアップのスタイルをカスタマイズできます。

フィードバックボタンスタイルオプションのカスタマイズのスクリーンショット

ポップアップを選択すると、フォームが新しいウィンドウで開きます。

ポップアップのプレビューオプションが選択された場合のウェブサイト満足度調査のスクリーンショット

ライトボックス効果はなく、ポップアップが新しいブラウザウィンドウとして表示されることに注意してください。

フォームを自動的に表示する

サイトの特定のページでアンケートを自動的に表示したい場合は、埋め込みリストオプションからライトボックスを選択します。カスタマイズをクリックし、ページ読み込み時に開くのチェックボックスをオンにします。

ライトボックススタイルオプションのカスタマイズのスクリーンショット

設定をそのままにしておくと、ユーザーがページを開いたときにフォームがすぐに読み込まれます。指定した期間が経過した後までフォームの表示を自動的に遅らせたい場合は、こちらのガイドを参照して、生成されたコードをさらにカスタマイズする方法をご確認ください。

3. コードをウェブサイトに貼り付ける

最後のステップは、埋め込みコードをウェブサイトのソースコードに貼り付けることです。リンクまたはボタンを使用している場合は、そのリンクまたはボタンのhref属性値をJotformで生成されたコードに置き換える必要があります。

ウェブサイト上のすべてのボタンまたはリンクには、次のようなhref属性があります。

<a href=”https://www.websitename.com”>リンクまたはボタンのテキスト</a>

引用符で囲まれたテキストがhref属性値です。フォームをポップアップとして表示するには、生成されたコードをコピーして引用符の間に貼り付ける必要があります。

次のようになります。

<a href=”Jotformで生成されたコードをここに貼り付けます”>リンクまたはボタンのテキスト</a>

WordPress、Squarespace、またはその他のウェブサイトビルダーにコードを埋め込む他の方法については、こちらのガイドをご覧ください。

ポップアップアンケートを作成する方法:いくつかのヒント

サイト訪問者やアプリユーザーを引き付ける可能性が高い、適切に設計されたポップアップアンケートを作成するための3つのヒントをご紹介します。

1. シンプルに保つ

ポップアップアンケートをシンプルで簡単に完了できるようにすることで、ウェブサイト訪問者の時間を尊重しましょう。理想的には、ポップアップアンケートは迅速なフィードバックを収集するためにのみ使用する必要があります。質問は1つまたは2つだけにしてください。

ポップアップ機能を使用してウェブサイトに埋め込まれたウェブサイト満足度調査のスクリーンショット

この例では、訪問者はフォームを送信するために1つのオプションを選択するだけで済みます。

2. 適切なタイミングでポップアップを表示する

ポップアップアンケートをどのように、いつ表示するかが重要です。Gandelin氏によると、訪問者がウェブサイトに到着した瞬間にポップアップアンケートを表示するか、指定した時間が経過するまで待つか、または訪問者が特定のアクションを実行するまで待つかを決定する必要があります。

「最適な戦略は、達成しようとしていることによって異なります」とGandelin氏は述べています。たとえば、フォームがウェブサイトフィードバックフォームである場合、読者がサイトのページを最初に開いたときに読み込まれるようにするのは無意味です。

3. ポップアップを簡単に閉じられるようにする

「ポップアップに興味がなく、すぐに終了方法を見つけられない場合、訪問者はサイトを離れ、二度と戻ってこない可能性が高いです」とGandelin氏は述べています。さらに、ポップアップを終了しにくくすることは、潜在的な顧客を遠ざけるだけでなく、時間の経過とともにブランドの評判を損なう可能性もあると付け加えています。

ページ読み込み時にポップアップを自動的に表示する場合、Gandelin氏は訪問者が最初に見るページに表示することを推奨しています(ウェブサイト全体に関するフィードバックが必要なウェブサイトフィードバックフォームの場合を除く)。すべてのページで使用しないでください。「ユーザーがウィンドウを閉じて別のページに移動したら、他のウィンドウに妨げられることなく自由に閲覧できるようにする必要があります。」

以上です!今すぐJotformでポップアップアンケートフォームの作成を始めましょう

著者
Jotform編集部は、ビジネスや教育現場に役立つ実践的な情報を発信する専門チームです。学校・塾・大学などの教育機関運営、イベントや各種申請業務の効率化といった現場課題から、アンケート設計、データ活用、書類管理のポイントまで、すぐに活かせるノウハウをわかりやすく解説。さらに、業務改善やDX推進に役立つツールや活用事例も厳選してご紹介しています。

コメントの送信:

Jotform Avatar
このサイトは reCAPTCHA によって保護されており、Googleのプライバシーポリシー利用規約が適用されます。

Podo Comment 最初のコメントを投稿してください。