ページの末尾によく見かけられる[戻る]・[トップ]などをクリックしようとしたときに、スクリプトを用いてアンケートをポップアップ表示します。 ポップアップをむやみに表示すると読者の印象を悪くするので、読者に心理的負担をかけないような配慮が必要です。
Webサイトは、一度作ったら終わりというものではありません。読者の反応を伺いつつ、日々改善していく必要があります。
そこで今回は、さりげなく読者からアンケートの回答を得る方法を考えてみました。「さりげなく」というところが、数多くの、様々なタイプの読者からアンケートの回答を得る為のポイントです。
ページの末尾によく見かけられる[戻る]・[トップ]などをクリックしようとしたときに、スクリプトを用いてアンケートをポップアップ表示します。
ポップアップをむやみに表示すると読者の印象を悪くするので、読者に心理的負担をかけないような配慮が必要です。
実現にあたっては留意すべき点を、以下にまとめました。
スクリプトを使用できないブラウザを使っていても、（アンケート収集はできないものの）操作には影響を与えないようにします。
カーソルから離れた位置にポップアップ表示しても、読者は気づいてくれません。
アンケートに回答するのが面倒な読者は、ポップアップを無視できるようにします。また、適当なタイミングでポップアップを自動的に閉じるようにします。
[戻る]をクリックしようとしたときに不意にポップアップが表示されると、読者は一瞬混乱してしまいます。
画面を眺めただけで、どこにポップアップが仕込まれているか把握できるようにします。（例：[戻る]→[戻る]
）
１．回答を選択する。２．[送信]ボタンを押す。というのが一般的なアンケートの流れですが、１．回答を選択する。のみで操作が完結するようにします。
画面下部の[戻る]に、マウスカーソルを重ねてみてください。（注：Internet Explorer以外のブラウザを使用している場合、なにも起こりません。）
<html>
<head>
<script language="JavaScript"><!--
var WIDTH = 300; //ポップアップのサイズ（幅）
var HEIGHT = 150; //ポップアップのサイズ（高さ）
var sNextUrl = ""; //遷移先URL
var oPopup = window.createPopup(); //ポップアップ
oPopup.document.body.innerHTML =
'<div width="' + WIDTH + '" height="' + HEIGHT + '">'
+
'<img src="popup.gif">' +
'<div style="position: absolute; top:10%; left:10%; width:80%; height:80%;">'
+
'<p>この記事の感想を教えてください</p>' +
'<ul>' +
'<li><a href="" onClick="parent.SendScore(2)"
tabindex="-1">とても参考になった</a></li>' +
'<li><a href="" onClick="parent.SendScore(1)" tabindex="-1">ある程度参考になった</a></li>'
+
'<li><a href="" onClick="parent.SendScore(0)" tabindex="-1">あまり参考にならなかった</a></li>'
+
'</ul>' +
'</div>' +
'</div>' ;
/**
ポップアップメニューを表示する。
aNextUrl : アンケート回答後の遷移先URL
*/
function ShowPopup(aNextUrl)
{
sNextUrl = aNextUrl;
oPopup.show((WIDTH * -0.5 + 5), (HEIGHT * -1 - 5), WIDTH, HEIGHT, event.srcElement);
}
/**
アンケート結果を送信する。
aScore : アンケートの回答
*/
function SendScore(aScore)
{
oPopup.hide();
window.location.href = "collector.cgi?subject=" + window.location.href
+ "&score=" + aScore + "&url=" + sNextUrl;
}
// --></script>
</head>
<body>
<p>...（本文）...</p>
<div><a href=".." onMouseOver="ShowPopup(this.href)" >[戻る]<img
src="popup-ico.gif" width="16" height="16" alt="アンケートにご協力ください"
style="border: 0px;"></a></div>
</body>
</html>