<p class="thumb"><img src="http://web-marketing.zako.org/images/snapabug.jpg" alt="サイトのバグをキャプチャ（スクリーンショット）してフィードバックするブログパーツ" title="サイトのバグをキャプチャしてフィードバックするブログパーツ" width="514" height="204" class="alignnone size-full wp-image-9165" /></p><p>ユーザーがサイト上のバグを発見した時に、症状をカンタンにキャプチャしてフィードバックできるメールフォームは <a href="http://web-marketing.zako.org/web-tools/live-chat-software-to-multiply-online-sales-zopim.html">zopim</a> などでも使われていますが、いざ設置するとなると、手間がかかりそうなのでプライオリティを低くされがちですよね。</p><p>今回は、そんなフィードバック メールフォームをブログパーツ感覚で設置でき、敷居を一気に下げてくれるサービスをご紹介します。</p><!--more--><h3 class='header-label'>サイトのバグをキャプチャしてフィードバックするブログパーツ</h3><p>「<a class="web-site-link" href="http://www.snapabug.com/" onclick="window.open('http://www.snapabug.com/'); return false;">SnapABug</a>」は、<strong>サイト上で起こっているバグをユーザーがメールフォームから報告するだけでキャプチャも行ってくれるブログパーツ。</strong></p><p>このページの左側にある緑の「ヘルプ」タブからバグの報告とキャプチャ画像の送信を行えます。</p><h4 class='tips'>メールフォームから送信するだけでキャプチャ画像を送れる</h4><p class="picture2"><img src="http://web-marketing.zako.org/images/snapabug1.jpg" alt="メールフォームからフィードバックするだけ。" title="メールフォームからフィードバックするだけ。" width="522" height="237" class="alignnone size-full wp-image-9166" /> ↑左側にある緑色のHelpボタンを押すとメールフォームが表示され、ユーザーはメール送信を行うだけです。</p><p class="picture2"><img src="http://web-marketing.zako.org/images/snapabug2.jpg" alt="メール送信すると、自動的にキャプチャ。" title="メール送信すると、自動的にキャプチャ。" width="522" height="223" class="alignnone size-full wp-image-9167" />↑ユーザーがメールを送信すると、Java applet が起動し、自動的にキャプチャが行われて送信されます。</p><h4 class='tips'>運営者に届くメール</h4><p class="picture2"><img src="http://web-marketing.zako.org/images/2009/10/snapabug4.jpg" alt="キャプチャ画像とコメントが送られてくる。" title="キャプチャ画像とコメントが送られてくる。" width="522" height="301" class="alignnone size-full wp-image-9959" /> ↑このように、ユーザーの報告コメントとキャプチャ画像（スクリーンショット）が送られてきます。実はこのコメントが日本語だと文字化けしていたのでお蔵入りしていたのですが、私がしつこく文字化けメールを送ったせい！？か、いつの間にか治っていましたｗ</p><h4 class='tips'>フィードバック フォーム設置方法</h4><p class="picture2"><img src="http://web-marketing.zako.org/images/snapabug3.jpg" alt="ブログパーツの設定画面" title="ブログパーツの設定画面" width="522" height="291" class="alignnone size-full wp-image-9262" /> ↑<a class='web-site-link' href='http://www.snapabug.com/plans.jsp' onclick="window.open('http://www.snapabug.com/plans.jsp'); return false;">登録ページ</a>で無料登録してログインし、言語を日本語にしておけば、一連の流れが日本語化されます。</p><p class="picture2"><img src="http://web-marketing.zako.org/images/2009/10/snapabug5.jpg" alt="シンプルな設定" title="シンプルな設定" width="522" height="378" class="alignnone size-full wp-image-9960" /> ↑設定が終わったら、ボタンの表示位置などを決定して発行されたタグを  &lt;/body&gt; タグの前に設置すれば完了です。</p><p>興味のある方は<a class="web-site-link" href="http://www.snapabug.com/" onclick="window.open('http://www.snapabug.com/'); return false;">SnapABug</a>へどうぞ。</p><p>実現したいことの敷居をグッと下げてくれるサービスって本当に素晴らしいですよね。こういった視点、今回のようなサービスに限らず、色々なところで必要とされてきそうです。</p><p>Via：<a class="website-link" href="http://delicious.com/url/78405befe9bd4187557406df800be216" onclick="window.open('http://delicious.com/url/78405befe9bd4187557406df800be216'); return false;">delicious</a></p>