SurveyMonkey

アンケートやフォームをWebサイトに組み込む

Webサイトコレクターを使用して、Webサイトにアンケートやアンケートを開くボタンを組み込んだり、アンケートや招待状をポップアップ表示したりします。HTMLの基礎を理解したうえで、Webサイトのソースコードにアクセスするだけで追加できます。コピーして貼り付けることができる埋め込みコードをご用意しています。

必要に応じて、サイトの複数ページにアンケートを組み込むことができます。

種類説明
組み込みアンケートアンケートをサイトの任意のページに組み込んで、そのページで直接回答できるようにします。
組み込みボタン Webサイトに、選択したときにアンケートが表示されるボタンを組み込みます。
このボタンは、回答者がアンケートに回答した後もサイトに表示され続けます。
招待メッセージのポップアップアンケートへの招待メッセージをポップアップ表示し、アンケートにリンクします。ブラウザーの新しいタブにアンケートが表示されます。
アンケートのポップアップユーザーがページにアクセスすると、アンケートがポップアップ表示されます。アンケートをページレイアウトに埋め込む必要はありません。

ポップアップ招待とポップアップアンケートは、Webページの上に表示されるモーダルウィンドウに表示されます。モーダルウィンドウでは、サイトの訪問者が新しいページを読み込む必要がなく、ポップアップブロッカーの影響を受けません。

誰かが既にアンケートに回答したり、回答を拒否したり、アンケートを終了したりした場合に、ポップアップや組み込みアンケートが再表示されないようにするため、当社ではCookieを使用しています。誰かがCookieを削除したり、Cookieをブロックまたは無効にするブラウザを使ってサイトにアクセスしたり、新しいブラウザセッションでWebサイトが開いた場合、コレクターは、回答者がアンケートに回答したのか、拒否したのかが分からないため、ポップアップが表示され、追加の回答が求められる場合があります。

アンケートを終了しても、埋め込みコードをサイトから削除しない限り、アンケートは引き続きWebサイトに表示されます。

Webサイトコレクターを作成するには:

  1. アンケートの[回答の収集]ページを開きます。
  2. サイトに組み込む]を選択する。アンケートのコレクターが既にある場合は、[Webサイトコレクター]を選択する。
  3. Webサイトコレクターのタイプを選択する。
  4. スクロールし、スタイルや動作の設定の編集、コレクターオプションの調整を行う。プレビューを表示し、Webサイトでアンケートがどのように表示されるかを確認します。
  5. コードをコピー]をクリックして、埋め込みコードをコピーしてサイトのページに貼り付ける。
    • アンケートやボタンを組み込む場合は、アンケートを表示したいページ上のHTMLにスクリプトを貼り付ける。
    • 招待メッセージのポップアップまたはアンケートのポップアップ]を表示する場合は、HTMLの</body>タグの直前にスクリプトを貼り付ける。

コードの追加が必要になるのは1回だけです。アンケートやコレクターを変更した場合は、埋め込みコードを更新する必要はありません。ページを更新すると、更新内容がすぐに表示されます。

アンケートのスタイルや動作の設定をカスタマイズすると、ライブアンケートプレビューが更新されます。

設定は、Webサイトのタイプによって異なります。

設定説明
幅と高さアンケートの幅または高さをピクセル数で指定します。
「組み込みアンケート」タイプを使用している場合は、[サイズのカスタマイズ]トグルをオンにして、これらのコントロールにアクセスします。このオプションをオフのままにすると、アンケートの幅はアンケートまたはフォームを含むHTML要素の幅と一致するように調整されます。

ブランド名
アンケートの下の枠線に「powered by SurveyMonkey」を表示するかどうかを制御するトグルまたはチェックボックスが表示される場合があります。

SurveyMonkeyのブランド名を削除する場合は、アンケートそのものからSurveyMonkeyのブランド名を削除することもできます。
枠線またはフッター

ウィンドウやフッターの枠線の色を編集すると、招待状やアンケートがより目立ちやすくなります。
招待またはアンケートのタイトル2行以内のヘッドラインで訪問者の注意を引き付けます。テキストは編集できますが、フォント、サイズ、色は編集できません。
招待メッセージ1~3つの短い文でアンケートの目的を説明します。文章は編集できますが、フォントやサイズ、色は変更できません。
メインボタンこのポップアップ招待ボタンでアンケートが開きます。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
サブボタンこのポップアップ招待ボタンをクリックすると、招待ウィンドウが終了します。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
サンプル率ポップアップ招待またはポップアップアンケートを表示する訪問者の割合を指定します。
組み込みボタン ページに組み込まれた、ウィンドウを開くためのボタンです。ボタンのラベル、色、テキストの色を編集できます。
ポップアップラベルポップアップアンケートの説明テキストです。
動作ポップアップを即座に表示するか、遅延(秒単位)の後に表示するか、訪問者がページを一定の割合スクロールした後に表示するか、訪問者がページを離れるときに表示するかを選択します。

コレクターオプション(組み込みボタンタイプの[設定])を更新して、アンケート体験をカスタマイズします。特定のWebサイトコレクタータイプでは、一部のコレクターオプションが制限されています。

埋め込みコードは編集しないでください。埋め込みコードには、数行のJavaScriptと、コレクターとアンケートの両方に関連付けられた固有のIDが含まれています。

組み込みコードを1つまたは複数のページに貼り付けることができます。その場合、組み込みコードを</body>タグの前に貼り付けます。サイトのすべてのページにアンケート、ボタン、招待メッセージを表示させたい場合は、組み込みコードを</header>タグの前に貼り付けます。

テンプレート(Ruby、Python、PHP、ASPなど)を使ってサイトを作成している場合は、そのテンプレートのファイルに埋め込みコードを貼り付けた上で、そのファイルをページレイアウトに入れてください。

wordpress.orgを使用している場合、コードを追加するには管理者である必要があります。マルチサイトのwordpress.orgネットワークの場合、スーパー監督者である必要があります。Webサイトコレクターはwordpress.comと互換性がありません。