<p>以前ご紹介したチャットサービスがほとんど使えなくなってしまったり、機能がパワーアップしたりしていたので、まとめなおしてみました。</p><p>きっかけを作っていただいたあいんさん（<a class="web-site-link" href="http://studiomay.jugem.jp/" onclick="window.open('http://studiomay.jugem.jp/'); return false;">studiomay WebLog</a>）、ありがとうございます。</p>



<h4 class="header-label">1. Zoho Chat</h4>
<p><a class="web-site-link" href="https://chat.zoho.com/" onclick="window.open('https://chat.zoho.com/'); return false;">https://chat.zoho.com/</a><br />Zoho Chatのページを開いている必要があるけれど、公開、非公開や、顧客サポート用のグループチャットも埋め込み可能です。</p>
<dl class="head-line"><dt>公開チャット</dt>
<dd><div style="height:400px;"><iframe style='overflow:hidden;width:100%;height:100%;' frameborder='0' border='0' src='http://chat.zoho.com/shout.sas?k=%7B%22o%22%3A%2237aj2TGtDINVR3ObDA5PHQ%253D%253D%22%2C%22c%22%3A%22azUiEXEYSwfjnO8AjhOvbGtWP8hWgdgW%22%2C%22g%22%3A%22Anonymous%22%7D&chaturl=sigeo&V=000000-70a9e1-eff4f9-70a9e1-%E5%85%AC%E9%96%8B%E3%83%81%E3%83%A3%E3%83%83%E3%83%88'></iframe></div></dd><dd>他のユーザーにも会話を見ることや参加する事が出来るので、議論することも可能。</dd>
<dt>非公開 個別チャット</dt>
<dd><div style="height:400px;"><iframe style='overflow:hidden;width:100%;height:100%;' frameborder='0' border='0' src='http://chat.zoho.com/shout.sas?k=%7B%22o%22%3A%2237aj2TGtDINVR3ObDA5PHQ%253D%253D%22%2C%22c%22%3A%22azUiEXEYSwfjnO8AjhOvbKR2OcfAvhzF%22%2C%22g%22%3A%22Anonymous%22%7D&chaturl=sigeo1&V=000000-FF7F50-eff4f9-FF7F50-%E8%A8%AA%E5%95%8F%E8%80%85%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88'></iframe></div></dd><dd>↑他の訪問者には会話が見えないように出来ます。</dd></dl>

<h4 class="header-label">2. meebo</h4>

<p><a class="web-site-link" href="http://www.meebo.com/#" onclick="window.open('http://www.meebo.com/#'); return false;">http://www.meebo.com/#</a><br />こちらも管理画面を開く必要がありますが、<a class="hacks" href="https://addons.mozilla.org/en-US/firefox/addon/5700" onclick="window.open('https://addons.mozilla.org/en-US/firefox/addon/5700'); return false;">Firefoxアドオン</a>でブラウザ上に通知を出すことも可能。</p>
<dl class="head-line"><dt>サンプルチャット</dt><dd><!-- Beginning of meebo me widget code. Want to talk with visitors on your page? Go to http://www.meebome.com/ and get your widget! --> <object width="250" height="300" ><param name="movie" value="http://widget.meebo.com/mm.swf?zHAhTlCKjF"/><embed src="http://widget.meebo.com/mm.swf?zHAhTlCKjF" type="application/x-shockwave-flash" width="250" height="300"></embed></object></dd>
<dd>meeboのアカウントでログインすれば、<a class="hacks" href="https://addons.mozilla.org/en-US/firefox/addon/5700" onclick="window.open('https://addons.mozilla.org/en-US/firefox/addon/5700'); return false;">meebo :: Firefox Add-ons</a>で、Firefox上にチャット通知を出すことも可能です。</dd></dl>

<h4 class="header-label">3. Hab.la</h4>

<p><a class="web-site-link" href="http://www.hab.la/" onclick="window.open('http://www.hab.la/'); return false;">http://www.hab.la/</a><br />こちらはブラウザの右下にチャットを表示させるもの。meeboのアカウントでチャットすることも可能になっています。</p>
<dl class="head-line"><dt>画面右下に表示</dt>
<dd><img src="http://web-marketing.zako.org/wp-content/uploads/2009/04/chatparts1.jpg" alt="チャットブログパーツ" title="チャットブログパーツ" width="416" height="322" class="alignnone size-full wp-image-3949" /></dd><dd>詳細は<a href="http://web-marketing.zako.org/web-service/hab-la-for-blog-and-website-owners-chat-tool.html">サイトにブラウザアドオンのようなチャット機能を追加できる「hab.la」</a>へどうぞ。</dd></dl>

<h4 class="header-label">4. Chatterous</h4>
<p><a class="web-site-link" href="http://www.chatterous.com/#" onclick="window.open('http://www.chatterous.com/#'); return false;">http://www.chatterous.com/#</a><br />Gtalkアカウントを設定すれば、Gtalk、つまりGmailの画面でチャットを行えます。これは一番便利かも。</p>
<dl class="head-line"><dt>サンプルチャット</dt>
<dd><iframe width='450' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' allowtransparency='true' src="http://chatterous.com/sigeo/embed/?bgcolor=FFF0DA&titlecolor=FF7800&linecolor=FFB547"></iframe></dd><dd>↑右下にボタンがあるように、ゲストもメールやGtalkでメッセージを受け取ることが可能です。</dd><dt>埋め込み方法</dt>
<dd><a href="http://lh5.ggpht.com/_fRSz8mJZTZY/SeR8tYMztZI/AAAAAAAAV24/9XLaNaiRJFc/s800/chatparts2.jpg"><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/SeR8tYMztZI/AAAAAAAAV24/9XLaNaiRJFc/s400/chatparts2.jpg" /></a></dd>
<dd>↑<a class="web-site-link" href="http://www.chatterous.com/" onclick="window.open('http://www.chatterous.com/'); return false;">Chatterous</a>で、チャットルームを作成後、画像のように「embed」ボタンを押します。</dd>
<dd><a href="http://lh3.ggpht.com/_fRSz8mJZTZY/SeR9tHw-uJI/AAAAAAAAV3A/jUr_q3_rcKk/s800/chatparts3.jpg"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SeR9tHw-uJI/AAAAAAAAV3A/jUr_q3_rcKk/s400/chatparts3.jpg" /></a></dd>
<dd>↑すると、ブログパーツの作成画面になるので、通常版かサイドバー用かを選択してタグを生成。</dd></dl>

<h4 class="header-label">5. SkWebChat</h4>
<p><a class="web-site-link" href="http://skwebchat.net/start.jsp" onclick="window.open('http://skwebchat.net/start.jsp'); return false;">http://skwebchat.net/start.jsp</a><br />普段Skypeを使っているならこれが便利。</p>
<dl class="head-line"><dt>サンプルスカイプチャット</dt>
<dd><iframe src="http://skwebchat.net/start?chat=kPJpgcx44C5A&amp;width=200&amp;height=500" width="200" height="500" frameborder="0" style="padding:0px;border:0px"></iframe></dd><dd>設置方法等については<a class="web-site-link" href="http://skype-webchat.net/info_index.html" onclick="window.open('http://skype-webchat.net/info_index.html'); return false;">SkWebChat：ドキュメント</a>をどうぞ。</dd></dl>

<h4 class="header-label">6. Zopim Live Chat</h4>
<p>これはECサイトに特化したチャットサービス。サイトの右下に重なって表示されていますが、アクセス解析や、どのページからチャットの問い合わせがあったかなども分かるうえに、現在ページを見ている人に、ピンポイントで話しかけることも出来ます。</p>
<dl class="head-line"><dt>画面右下に表示</dt>
<dd><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/SeSYBi4TuUI/AAAAAAAAV34/ve3rFXw9vNY/s400/ZopimLiveChat1.jpg" /></dd>
<dd>↑これはちょうど訪問者にピンポイントで話しかけているところ。驚くかもしれませんけどねｗ</dd>
<dd>詳細については●●●●●●●をご覧ください。</dd>
</dl>
<!-- Start of Zopim Live Chat Script -->
<script type="text/javascript">
document.write(unescape("%3Cscript src='" + document.location.protocol + "//zopim.com/?XHqjs2i4aEG4Df9trkn5AOchXlM5wfHx' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- End of Zopim Live Chat Script -->