<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/12/chatbadge.jpg" alt="ウェブチャット" title="chatbadge" width="514" height="204" class="aligncenter size-full wp-image-16765" /></p>
<p>サイトの訪問者の疑問にその場でリアルタイムに答え、解決することができるウェブチャット。</p><p>以前にも<a href="/web-tools/live-chat-software-to-multiply-online-sales-zopim.html" target="_blank">zopim</a>のようなサービスをご紹介しましたが、今回はさらにシンプルかつ設置もカンタンなものをご紹介します。</p>
<!--more-->
<h3 class='header-label'>設置がカンタンなウェブチャット「ChatBadge」</h3>
<p>「<a href="http://www.chatbadge.com/" target="_blank">ChatBadge</a>」は、<strong>サイトの訪問者を、チャットでサポートすることができるサービス。</strong></p>
<p>チャットを表示させたい場所へ貼りつけるだけと、サイトへの設置もカンタンで、シンプルながらも管理画面を持っている優れものです。</p>

<h4 class='tips'>サンプルチャットボタン</h4>

<script src='http://www.chatbadge.com/badges/47?txt=ご質問はここをクリック。弊社のカスタマーサービスがご対応します。&ht=50&wd=200&b=5&fs=12&ft=Arial, Helvetica&st=Normal&fw=Normal&ta=Left&tp=5&tc=000000&thc=FF0000&bdc=000000&cbc=f9d66d'></script>
<p>↑このようにチャットの利用を促すボタンを設置することができます。</p>


<h4 class='tips'>表示したい場所へタグを貼り付けるだけ</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/chatbadge8.png" alt="チャットボタンのタグ" title="chatbadge8" width="400" height="81" class="aligncenter size-full wp-image-16766" /><br />↑無料登録を行った後に発行されるタグを、チャットの開始ボタンを設置したい場所へ貼りつけるだけで利用できます。</p>

<p>※無料登録をおこなうときに、必ず「Terms of Service」のリンクを一度クリックしないと登録できませんのでご注意ください。</p>

<h4 class='tips'>チャットボタンのデザイン変更も可能</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/chatbadge6.png" alt="デザイン変更" title="chatbadge6" width="400" height="454" class="aligncenter size-full wp-image-16760" /><br />↑無料登録完了後に表示されるボタンをクリックすると、ブログパーツのデザイン変更画面が開きます。</p>

<p>ここでボタンに表示させる文言を変更したり、色合いを変えたりすることができます。</p>
[caption id="attachment_16762" align="aligncenter" width="400" caption="↑訪問者がチャットボタンをクリックすると、ニックネームの入力を求められます。"]<img src="http://web-marketing.zako.org/images/2010/12/chatbadge4.png" alt="ユーザー名" title="chatbadge4" width="400" height="167" class="size-full wp-image-16762" />[/caption]

[caption id="attachment_16761" align="aligncenter" width="400" caption="↑チャット画面が開いたら、あとは質問を入力するだけです。"]<img src="http://web-marketing.zako.org/images/2010/12/chatbadge5.png" alt="チャット" title="chatbadge5" width="400" height="333" class="size-full wp-image-16761" />[/caption]


[caption id="attachment_16763" align="aligncenter" width="400" caption="↑設定画面でGtalkと連携しておけば、Gmailのチャットにどのページで質問があったかをを通知してくれます。"]<img src="http://web-marketing.zako.org/images/2010/12/chatbadge3.png" alt="GTalk" title="chatbadge3" width="400" height="273" class="size-full wp-image-16763" />[/caption]


<h4 class='tips'>管理画面でチャットを管理</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/chatbadge1.png" alt="管理画面" title="chatbadge1" width="400" height="122" class="aligncenter size-full wp-image-16764" /><br />↑管理画面にログインすると、いままでのチャットの履歴を管理することができます。一覧上では日本語が文字化けしますが、それ以外での文字化けの心配は不要です。</p>

<p>また、複数サイトで利用したい場合、設定画面からURLを追加することで、複数サイトに設置したチャットを一括で管理することもできます。チャットでサポートをおこなうアカウントも無制限に登録可能です。</p>

<h4 class='tips'>チャットの履歴をメール送信できる</h4>
<p><img src="http://web-marketing.zako.org/images/2010/12/chatbadge7.png" alt="メールでチャット履歴" title="chatbadge7" width="399" height="299" class="aligncenter size-full wp-image-16759" /><br />↑チャット画面にある「 Email chat transcript 」のリンクをクリックすると、画像のようにチャットの履歴をメールに送信することができます。</p>


<p>試してみたい方は<a href="http://www.chatbadge.com/" target="_blank">ChatBadge</a>へどうぞ。</p>

<p>チャット画面が英語表記で、管理画面のサマリーは文字化けするものの、チャットでサポートすることをしっかり説明しておけば、とても実用的なウェブチャットですね。</p>

<p>Via:<a href="http://www.delicious.com/url/fc0da2060aa92a8092b258e31e6262d7" target="_blank">delicious</a></p>