テキストチャットパーツ

テキストチャットパーツではテキストチャットの機能を提供します。
下の実行画面の「こんばんは。」と記述されている赤枠が文字を入力するところです。
送信ボタンを押すことで「おはようございます。」、「こんにちは。」が表示されている枠に入力した文字が表示されます。

チャット画面

入力した文字の上に表示されているのはユーザーIDです。DEMOはユーザーIDを指定していないので、ランダムに生成されたユーザーIDが表示されます。

HTML

 
                  <div id="soba-widget-chat-<%channel%>"></div>
                  <script src="https://widgets.soba-project.com/apps/<%appid%>/chats/<%channel%>/chat.js"
                  type="text/javascript"></script>
                
DEMO
DEMO

オプション

表示されるユーザーIDを変更する

表示されるユーザーIDを変更するにはdata-user-idを追加します。

HTML

                      <div id="soba-widget-chat-<%channel%>" data-user-id="SOBA"></div>
                      <script src="https://widgets.soba-project.com/apps/<%appid%>/chats/<%channel%>/chat.js"
                      type="text/javascript"></script>         
                    
NEW

CSSでスタイルを変更する

チャットの幅、高さを変更する

チャットの幅、高さを変更するにはstyle="width: px; height: px;"を追加します。
※指定したい値をwidth,heightの後ろに入力してください。

HTML

				  <div id="soba-widget-chat-<%channel%>" style="width:320px; height:240px;"></div>
                  <script src="https://widgets.soba-project.com/apps/<%appid%>/chats/<%channel%>/chat.js"
                  type="text/javascript"></script>             
                

毎月2,500分まで無料。まずはお試し

更新中!「こうしたい時はどうするの?」等のご質問、大歓迎です!

作成してみた

お電話は 0120-169-279 までお気軽にどうぞ。

担当者よりお電話をおかけします。

以下のフォームにご記入下さい。