m

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

Webサイトコレクターを使用すると、当社のWebサイトの訪問者から回答を収集することができます。この場合、訪問者は当社のWebサイトを離れることなく、アンケートに回答することができます。しかも、必要な準備作業はWebページのHTMLに短いスクリプトをコピーするだけです。

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

  1. 回答の収集]ページを開きます。
  2. Webサイトに組み込む]を選択します。すでにコレクターが作成されている場合は、コレクターリストの右上にある[+コレクターを追加する]をクリックし、[Webサイトコレクター]を選択します。
  3. Webサイトコレクターのタイプを選択します。[組み込みアンケート]、[ポップアップ招待]、[ポップアップアンケート]から選択します。
  4. テーマ]タブで表示設定を編集し、[次へ]をクリックします。
  5. オプション]タブでコレクターオプションを編集し、[次へ]をクリックします。
  6. インストール]タブからスクリプトをコピーし、お客様のWebページに貼り付けます。

コレクターを作成した後も、[テーマ]や[オプション]タブでいつでも設定を変更できます。アンケートのデザインやコレクター設定を変更しても、インストールタブのスクリプトは変わらないため、スクリプトを再度コピーする必要はありません。

Webサイトコレクターはパソコン用のブラウザにのみ対応しています。モバイル機器やタブレット用ブラウザには対応していませんので、ご注意ください。

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

Webページにアンケートを組み込んだり、特定のWebページが開かれたときにアンケートやアンケートの招待文をポップアップで表示したりすることができます。

組み込みアンケート

Webサイトやブログなどにアンケートを組み込むと、組み込んだページで直接アンケートに回答してもらうことができます。Webサイトの訪問者がアンケートを組み込んだページを開くと、あらかじめ指定しておいたサイズでアンケートが表示されます。

テーマ]タブでは、アンケートの外観をカスタマイズしたり、アンケートをプレビューしたりすることができます。

  • 幅と高さ:メモリをスライドさせて、アンケートの幅と高さをピクセルで指定します。
  • 枠線の色:下の枠線の色を設定します。アンケート上部の枠線の色は、[アンケートの作成]ページの[テーマ]で設定します。
  • SurveyMonkeyブランドの非表示化:下部の枠線にある"powered by SurveyMonkey"を非表示にすることができます(有料機能)。
ポップアップ招待

お客様のWebサイトの特定のページに、アンケートへの回答を促す招待メッセージをモーダルウィンドウで表示します。訪問者はこの招待メッセージを見た上で、アンケートに回答するか否かを選択します。アンケートに回答すると決めた場合、アンケートは新しいブラウザタブに表示されます。

テーマ]タブでは、招待メッセージの外観をカスタマイズしたり、招待メッセージをプレビューしたりすることができます。

  • ヘッドライン:パッと人目を引き、分量的にも2行以内に収まるヘッドラインを作りましょう。文章は編集できますが、フォントやサイズ、色は変更できません。
  • メッセージ:1~3つの短い文でアンケートの目的を伝えるのが良いでしょう。文章は編集できますが、フォントやサイズ、色は変更できません。
  • 第一ボタン:このボタンでアンケートが開きます。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
  • 第二ボタン:ポップアップを閉じるためのボタンです。その後、同じブラウザからそのWebページにアクセスしても、ポップアップは表示されなくなります。ボタンの色やテキスト、さらにそのテキストの色も編集できます。
  • 枠線の色:枠線はポップアップウィンドウを目立たせるために使用します。お客様のWebサイトの全体的な印象に合わせて枠線の色を設定しましょう。
  • 幅と高さ:メモリをスライドさせて、招待ポップアップの幅と高さをピクセルで指定します。
  • サンプル率:アンケートに招待する訪問者の割合を指定します。訪問者がアンケートに回答した場合、または回答を拒否した場合は、次回の訪問時に招待ポップアップが表示されることがないように、Cookieを使用してポップアップを制限します。ただし、訪問者がCookieを削除した場合や、Cookieをブロックするようにブラウザを設定している場合は、その訪問者がアンケートに回答済みであるか、また回答を拒否したのかを判断することはできません。
  • SurveyMonkeyブランドの非表示化:下部の枠線にある"powered by SurveyMonkey"を非表示にすることができます(有料機能)。
ポップアップアンケート

お客様のWebサイトの特定のページに、アンケートをモーダルウィンドウで表示します。これにより、回答者はお客様のサイトを離れることなくアンケートに回答できます。

テーマ]タブでは、アンケートの外観をカスタマイズしたり、アンケートをプレビューしたりすることができます。

  • ヘッドライン:アンケートの上部に表示されます。文章は編集できますが、フォントやサイズ、色は変更できません。
  • 幅と高さ:メモリをスライドさせて、アンケートの幅と高さをピクセルで指定します。
  • 枠線の色:枠線はアンケートを目立たせるために使用します。お客様のWebサイトの全体的な印象に合わせて枠線の色を設定しましょう。
  • サンプル率:アンケートを表示させる訪問者の割合を指定します。訪問者がアンケートに回答した場合、または回答を拒否した場合は、次回の訪問時にアンケートが表示されることのないよう、Cookieを使用してアンケートを制限します。ただし、訪問者がCookieを削除した場合や、Cookieをブロックするようにブラウザを設定している場合は、その訪問者がアンケートに回答済みであるか、また回答を拒否したのかを判断することはできません。
  • SurveyMonkeyブランドの非表示化:下部の枠線にある"powered by SurveyMonkey"を非表示にすることができます(有料機能)。

コレクターオプション

Webサイトコレクターでは、以下のコレクターオプションは利用できませんので、ご注意ください。

  • 組み込みアンケートでは、アンケート終了ページの設定はできません。
  • コレクターのWebサイトコレクタータイプには複数回答の設定はありません。同一ブラウザからの回答は1度だけです。
  • 現在のところ、インスタント結果はどのWebサイトのコレクタータイプでも利用できません。
ヒント!回答者がアンケートに複数回回答できるようにするには、そのアンケートページへのWebリンクを作成し、Webサイトに掲載するようにします。

SurveyMonkeyブランドの非表示化

[テーマ]タブのコレクターでは"powered by SurveyMonkey"ブランドを非表示にできます(有料機能)。

アンケートでSurveyMonkeyブランドを非表示にするには、[アンケートの作成]ページの左側のサイドバーにある[オプション]をクリックします。

モーダルウィンドウ

ポップアップ招待も、ポップアップアンケートも、訪問者が特定のページを開いたときに表示されますが、これらは通常のポップアップウィンドウではなく、モーダルウィンドウで表示されます。

モーダルウィンドウとは、Webページに重ねて表示される小さなウィンドウのことです。モーダルウィンドウの場合、ユーザーは新しいページを読み込む必要がありません。また、このウィンドウはポップアップブロッカーの影響を受けません。モーダルウィンドウなら、回答者はお客様のWebサイトを離れずにアンケートに回答することができます。

多くのWebサイトでは、ログイン画面として、または警告などを表示する画面として、モーダルウィンドウを使用しています。

インストールガイド

お客様のWebサイトに、Webサイトコレクターをインストールするには、まずある程度のHTMLの知識が必要です。また、Webサイトのソースコードへのアクセス権限も必要です。詳しくは、お客様のWebサイトの開発者にお尋ねください。

ステップ1:[インストール]タブでコードを検索

Webサイトコレクターを作成すると、コードが[インストール]タブに表示されます。

このコードには複数行のJavaScriptが含まれます。<script>~</script>までがインストール用のコードです。このコードには、作成したWebサイトコレクター固有のIDが入っています。

インストールタブは、テーマタブおよびオプションタブで設定を保存すると表示されるようになります。これらの設定はいつでも変更可能で、インストール用コードにも影響を与えません。

ステップ2:コードをWebページにコピー&貼り付け

コードを変更しないよう注意しながら、<script>~</script>までのすべてをコピーしてください。

同じコードを複数のWebページで使用してもかまいません。ただし、他のコレクターや他のアンケート用にこのコードを使用することはできません。

コードをそのままWebサイトの適切なページに貼り付けます。

  • 組み込みアンケート:アンケートを表示するページのHTMLにコードを貼り付けます。
  • ポップアップ招待 / ポップアップアンケート:HTMLの</body>タグの直前にコードを貼り付けます。

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

ステップ3:Webサイトをチェック

コードの貼り付けが完了したら、そのWebページを開いてみます。

アンケートが表示されるのはパソコン用のブラウザのみです。モバイル機器やタブレット用ブラウザには表示されませんのでご注意ください。

  • 組み込みアンケート:そのページ上にアンケートが表示されるはずです。
  • ポップアップ招待 / ポップアップアンケート:実際にポップアップが表示されるまで、指定したサンプル率に応じてページを何度か更新しなければならない場合があります。

コードが正しく貼り付けられたことを確認するには、Webサイトコレクターを開きます。青色の警告(お客様のWebサイト上でポップアップが正しく表示されるようにJavaScriptのインストールを促すもの)が出ていないことを確認してください。

WordPress

wordpress.org(wordpress.comではない)では 、Webサイトコレクターのインストールコードを使用できます。ただし、Webページにコードを追加するには、管理者権限(マルチサイトのwordpress.orgネットワークをお持ちの場合は特権管理者権限)が必要です。

Webサイトコレクターを使用すると、当社のWebサイトの訪問者から回答を収集することができます。お客様のWebページにSurveyMonkeyのコードを貼り付けることで、Webページにアンケートを組み込んだり、特定のWebページが開かれたときにアンケートやアンケートの招待文をポップアップで表示したりすることができます。

回答を得る