WordPressでユーザー用のチャットルームを作成したいですか？
チャットルームでは、訪問者同士が交流したり、直接あなたに話しかけることもできます。これは、Slack や Discord のようなサードパーティのチャットクライアントをインストールすることなく、より長くあなたのサイトに滞在してもらうことができます。
この投稿では、WordPressでユーザー用のチャットルームを作成する方法を紹介します。
なぜWordPressにチャットルームを追加するのですか？
会員制サイトや オンラインフォーラムを運営している場合、ユーザー用のインスタントメッセージングチャットルームを作成することをお勧めします。
Slack、WhatsApp、Facebook グループ、または Discord のようなサードパーティのサービスを使用することができます。しかし、これらの方法では、コミュニケーションはすべてサイトの外で行われるため、チャット体験をコントロールすることはできません。
また、この方法はサイトからの離脱を促し、WordPressのページビューや直帰率に悪影響を及ぼします。
あなたのサイトにチャットルームを埋め込むことで、より長くサイトに滞在してもらい、より強いコミュニティ意識を構築することができます。
注：チャットルームは、ユーザーの小規模なコミュニティに最適です。ライブ カスタマ サポートを提供したい場合は、最高のライブ チャット サポート ソフトウェアのリストをご覧ください。
それでは、WordPressブログやサイトにチャットルームを追加する方法を見てみましょう。
WordPressでチャットルームを追加する
WordPress でチャットルームを追加する最も簡単な方法はSimple Ajax Chat を使用することです。このプラグインは、任意のページ、投稿、またはウィジェット対応エリアにシンプルなチャットルームを追加することができます。
また、ログイン中のユーザーにアクセスを制限したり、完全に公開されたチャットルームを作成することもできます。
注: このガイドでは、無料の Simple Ajax Chat プラグインを使用しています。しかし、あなたが複数の異なるチャットルームを作成したい場合は、Plugin Planet Simple Ajax Chatにアップグレードする必要があります。
まず、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。
有効化したら、設定 ” Simple Ajax Chatでチャットルームを設定してください。
まず、「プラグイン設定」セクションをクリックして展開し、「初期設定名」を好きな名前に変更します。
また、’初期設定メッセージ’を入力することもできます。この初期設定メッセージは、誰かがあなたのチャットルームに初めて訪問したときに表示されます。
次に、ユーザーがチャットルームを使用するためにログインする必要があるかどうかを決定することができます。ユーザー登録を必須とすることは、スパムや荒らしに対抗するのに役立ちますが、公開チャットルームはより多くのユーザーを得るかもしれません。
この決定を行うには、「チャットボックスを表示および使用するユーザーにログインを必須にする」の横にあるチェックボックスをオンまたはオフにします。
ログイン中のユーザー名」にチェックを入れると、WordPressがその人のユーザー名をチャットに表示します。
もう一つのオプションは、登録されていない訪問者がチャットを読むが、対話しないことを許可することです。彼らが見るものを好む人々は、会話に参加するためにアカウントを作成するかもしれません。
これで、チャットルームをカスタマイズすることができます。例えば、独自のロゴ、カスタムカラー、ブランディングを追加することができます。
これは、「Times and Colors」と「Appearance」ボックスの設定を使って行うことができます。
初期設定の通知アイコンを自分の画像に置き換えることもできます。例えば、あなたのロゴやアイコン、Canvaなどの ウェブデザインソフトウェアで作成した画像を使用することができます。
独自のグラフィックを追加するには、「初期設定通知アイコン」フィールドを見つけ、「アップロード」をクリックします。
WordPressのメディアライブラリから画像を選択するか、コンピューターからファイルをアップロードすることができます。
このセクションで変更した場合は、忘れずに「設定を保存」をクリックしてください。
その後、’禁止フレーズ’ セクションをクリックして展開し、チャットに決して表示されるべきでない単語を入力することができます。これは、競合他社の名前、攻撃的な言葉、または訪問者の経験やあなたの評判を損なう可能性のある他のものかもしれません。
各単語をコンマで区切ります。
この場合も、「設定を保存」をクリックして変更を保存することを忘れないでください。
この他にもたくさんの設定がありますので、一通り目を通して、どのような変更ができるか見てみる価値があります。しかし、簡単なチャットルームを作成するのに必要なものはすべて揃っていますので、WordPress サイトに追加する方法を見てみましょう。
WordPressでチャットルームを表示する方法
チャットルームの設定に満足したら、ショートコード＆テンプレートタグのエリアまでスクロールダウンし、クリックして開きます。
ここでは、任意のページ、投稿、またはウィジェット対応エリアに追加できるショートコードが表示されます。
ページにチャットルームを追加するには、WordPressダッシュボードのページ ” 新規追加をクリックします。
タイトルを入力し、アイキャッチ画像をアップロードし、カテゴリーとタグを追加し、その他ページに表示したいコンテンツを追加することができる。
チャットルームを埋め込むには、「+」記号をクリックし、「ショートコード」と入力してください。
これで、ブロックが外観されたときに正しいブロックを選択できるようになった。
その後、ショートコードブロックに[sac_happens]ショートコードを追加するだけです。
公開する」または「更新する」をクリックして、チャットルームをライブにすることができます。
もう一つのオプションは、ウィジェット対応エリアにチャットルームを追加することです。これは、複数のページにわたってチャットウィンドウを表示する簡単な方法です。
新しいブロックベースのテーマを使用している場合、標準の WordPress コンテンツエディターを使用して編集できないサイトのエリアにチャットルームを追加することもできます。
ステップバイステップの手順については、ウィジェットの追加と使用方法に関するガイドを参照してください。
この投稿が、ユーザー向けに WordPress を使用してチャットルームを作成する方法を学ぶのにお役に立てば幸いです。また、ベストなプレゼントやコンテストのプラグインや、サイトを離れた後に訪問者とつながるためにWordPress で Web プッシュ通知を追加する方法についてのガイドもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Aks says
Hey, does everyone who wants to partake in the chat require a wordpress account?
WPBeginner Support says
The users do not need a WordPress account but you can require an account on your site if you wanted.
管理者
Alexi says
Wow, great article!
WPBeginner Support says
Thank you
管理者
Maja says
It’s a pity that you can not embed room
on any page, e.g. shordcode, widget etc.
WPBeginner Support says
We will be sure to look into alternatives with that option for future updates
管理者
Ahshan says
a how can i delete chatbox pragraph
Tijjani Isah says
Really Appreciate It
Ahmed Barwari says
I installed and activated the plugin but its not working.
403 Forbidden
The website’s configuration prevents you from accessing this page.
Saminu Eedris says
This is great.
I just got a job for an online bar, not really and online bar but there would be a platform where the visitors can interact with some of the brand ambassadors.
I think I will try out this plugin to see how it works.
Thanks,
Saminu!
asad ali says
Hi
i have chat room site and i want to use wordpress chat room their is any plugin that i can use on my blog right now i am using someone else chat room scrpit but i want to add mine chat room please suggest if their is any good chat room thanks
anand kjha says
how many users can use the facility of chat room at a time?
Giorgios says
I used that plugin on my website – it works fine but is too simple. Mainly no file sharing feature so I switched to Chatwee. It suits me better.
HappyMoon says
Hello. How do I create something like the top of your site, such as HOME »BLOG» WORDPRESS PLUGINS »HOW TO CREATE CHAT ROOMS …
Editorial Staff says
Its a plugin called Breadcrumb NavXT. You can see more about it on our Blueprint page.
https://www.wpbeginner.com/blueprint/
管理者
HappyMoon says
Thank you so much
Khürt L. Williams says
I’m always looking for way to increase the use of our organization’s WordPress install. We have a bulletin board running on another system but I want to centralize systems. Perhaps bbpress with this plugin is the way forward.
ivica says
Did you see this WP chat plugin? One of the best, if not THE best:
http://wordpress.org/extend/plugins/quick-chat/
Made in Croatia
Ivica
Editorial Staff says
Didn’t know about that one. Will have to take a look at it.
管理者
Thomas says
Have to agree with this. Looked into both and the one you posted is way better! I’ve been looking for something JUST like this for my site at NE1UP.com so I really appreciate it!
No worries, @WPBeginner, still love your site and it’s so beautiful.
Wouldn’t have figured this out if you hadn’t posted about WordPress chat in the first place!
Thanks guys!