<span class="mt-enclosure mt-enclosure-image" /><img alt="自前のチャットルームをサイトのサイドバーに設置できるWebbyChat" src="http://web-marketing.zako.org/images/WebbyChat.jpg" width="514" height="204" /></span><p><a href="http://web-marketing.zako.org/web-tools/10-chat-blogparts.html">チャットをサイト上で使えるようにするサービス</a>、今までにもいろいろとご紹介してきましたが、今回のサービスは大胆にもサイト上に即席チャットルームを作ってしまうものです。</p>

<!--more-->
<h3 class="header-label">チャットルームをサイトに設置できてしまう「WebbyChat」</h3><p>「<a class="web-site-link" href="http://www.webbychat.com/" onclick="window.open('http://www.webbychat.com/'); return false;">Webby Chat</a>」は、<strong>サービスサイト上で生成されるスクリプトをサイトに貼るだけで、ブラウザのサイドからアコーディオンでチャットルームを表示させる</strong>ツール。</p><p>IBMがサイト上で訪問者にチャットで営業をかけるなんてことを始めているそうですが、そんな場面にも使えそうなマーケティングツールです。</p><p>ちなみにこのページ左側の吹き出しみたいなものをクリックするとチャットルームが開きます。</p>
<h4 class="header-label">「WebbyChat」の特徴</h4>
<ul>
<li>スクリプトのコードを &lt;head&gt; 内に貼るだけでOK</li>
<li>色やサイズ、デフォルト表示のカスタマイズ可能</li>
</ul>

<h4 class="header-label">チャットルーム設置手順</h4>
<ol class="steps">
<li>
<h4>サイト情報の登録</h4>
<p><a class="web-site-link" href="http://www.webbychat.com/create.php" onclick="window.open('http://www.webbychat.com/create.php'); return false;">Chat For Your Website</a>のページを開き、サイトの属性などを登録していきます。</p>
<p><a rel="nofollow facebox" href="http://lh3.ggpht.com/_fRSz8mJZTZY/SX79fzMVQPI/AAAAAAAAROU/r04yuY8L0lM/s800/WebbyChat-1.jpg"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SX79fzMVQPI/AAAAAAAAROU/r04yuY8L0lM/s288/WebbyChat-1.jpg" /></a></p>
</li>
<li>
<h4>コードの取得</h4>
<p>「Get the code」ボタンを押すとJavaScriptのコードが生成されるので４４行くらい全部をコピー。</p>
<p><a rel="nofollow facebox" href="http://lh3.ggpht.com/_fRSz8mJZTZY/SX79gNyo1MI/AAAAAAAAROc/zErAVRuxTdo/s800/WebbyChat-2.jpg"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SX79gNyo1MI/AAAAAAAAROc/zErAVRuxTdo/s288/WebbyChat-2.jpg" /></a></p>
</li>
<li>
<h4>コードの貼り付け</h4>
<p> &lt;head&gt; ～ &lt;/head&gt; の間にコードを貼り付けて完了。</p>
<p><a rel="nofollow facebox" href="http://lh3.ggpht.com/_fRSz8mJZTZY/SX8CeW0-vfI/AAAAAAAARO8/NlX1R6jcH3g/s800/%E5%85%A8%E7%94%BB%E9%9D%A2%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%2020090127%20214713.jpg"><img src="http://lh3.ggpht.com/_fRSz8mJZTZY/SX8CeW0-vfI/AAAAAAAARO8/NlX1R6jcH3g/s288/%E5%85%A8%E7%94%BB%E9%9D%A2%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3%2020090127%20214713.jpg" /></a></p>
</li>
</ol>
<p>早速試してみたい方は<a class="web-site-link" href="http://www.webbychat.com/" onclick="window.open('http://www.webbychat.com/'); return false;">Webby Chat</a>へどうぞ。</p>
<p>また、私も施していますが、ゲストのデフォルトの名前やチャットルームの色を変更することも可能です。</p>

<h4 class="header-label">カスタマイズ設定例</h4>
<dl class="head-line">
<dt>自動で表示するか否か</dt><dd>__ptw_start_open</dd><dd><ol><li>true</li><li>false</li></ol></dd>
<dt>表示するのは右か左か</dt><dd>__ptw_align</dd><dd><ol><li>"left"</li><li>"right"</li></ol></dd>
<dt>チャットルームの幅</dt><dd>__ptw_width</dd><dd>200以上に設定</dd>
<dt>背景色</dt><dd>__ptw_bgcolor</dd>
<dt>ボーダー色</dt><dd>__ptw_bordercolor</dd>
<dt>ゲストのデフォルトの名前</dt><dd>__ptw_suggest_user_name</dd><dd>私は"WEBマブ読者"に設定しています。</dd>
</dl>
<p>さらにカスタマイズを知りたい方は<a class="web-site-link" href="http://www.webbychat.com/customize.php" onclick="window.open('http://www.webbychat.com/customize.php'); return false;">Customization Settings</a>のページもどうぞ。</p>
<p>チャットを営業ツールとして使う、チャットルームが閉じているときのボタンも変更できると、ビジネスにも使えそうな感じですね。日本語版はでないものだろうか。てか、Faceboxは競合して画像ポップアップ時に２つ表示されてしまうみたいですね。。。</p>
<p>Via:<a class="web-site-link" href="http://delicious.com/url/fca1d654f2f859461341c8df3ed0ba55" onclick="window.open('http://delicious.com/url/fca1d654f2f859461341c8df3ed0ba55'); return false;">Delicious</a></p>