記事

アンケートをWebサイトに組み込む

有料機能:この機能は、有料プランのお客様のみにご利用いただけます。

概要

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

You can embed only 1 survey on a single page on your website.

Webサイトコレクターのタイプ

種類説明
組み込みアンケートアンケートをサイトの任意のページに組み込んで、そのページで直接回答できるようにします。
ポップアップ招待アンケートに回答するオプションをユーザーに提供する招待モーダルをポップアップ表示します。アンケートが新しいブラウザタブで開きます。
ポップアップアンケートユーザーがページにアクセスすると、アンケートがポップアップモーダルで開きます。アンケートをページレイアウトに埋め込む必要はありません。

モーダルウィンドウ

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

Cookie

誰かがすでにアンケートに回答したり、回答を拒否したり、アンケートを終了したりした場合に、ポップアップや組み込みアンケートが再表示されないようにするため、当社ではCookieを使用しています。誰かがCookieを消去したり、Cookieをブロックまたは無効にするブラウザを使用してサイトにアクセスしたりした場合、コレクターにはアンケートが回答済みか拒否されたかがわからないため、再度回答できるように再表示されます。

アンケートの終了

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

Webサイトコレクターの作成

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

  1. アンケートの[回答の収集]ページを開きます。
  2. [Webサイトに組み込む]を選択します。アンケートのコレクターがすでにある場合は、[Webサイトコレクター]を選択する。
  3. Webサイトコレクターのタイプを選択する。
  4. 外観設定を編集し[次へ]をクリックして、アンケート体験の制御やアンケートへの制限の追加を行う。
  5. [埋め込みコードの取得]をクリックする。
  6. [埋め込みコード]をコピーしてサイトのページに貼り付ける。
    • アンケートを組み込む場合は、アンケートを表示したいページ上のHTMLにスクリプトを貼り付ける。
    • 招待メッセージのポップアップまたはアンケートのポップアップを表示する場合は、HTMLの</body>タグの直前にスクリプトを貼り付ける。

The code only needs to be added once. You don’t need to update the Embed code if you make changes to your survey or collector options—updates will display automatically as soon as you refresh the page.

外観設定

外観設定をカスタマイズする場合、アンケートの外観をプレビューできます。

表示設定説明
ヘッドライン2行以内のヘッドラインで訪問者の注意を引き付けます。テキストは編集できますが、フォント、サイズ、色は編集できません。
メッセージ1~3つの短い文でアンケートの目的を説明します。文章は編集できますが、フォントやサイズ、色は変更できません。
メインボタンこのボタンでアンケートが開きます。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
サブボタンこのボタンをクリックすると、招待ウィンドウが終了します。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
幅と高さアンケートの幅または高さをピクセル数で指定します。
枠線枠線の色を編集すると、招待状がより目立ちやすくなります。
サンプル率アンケートに招待する訪問者のパーセンテージを選択します。
SurveyMonkeyブランドの非表示化下の枠線から「powered by SurveyMonkey」を非表示にします。アンケートそのものからSurveyMonkeyのブランド名を削除することもできます。

コレクターオプション

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

組み込みのヒント

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

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

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