訪問者同士がつながり、チャットできるような活気あるサイトを作りたいと夢見ていませんか？もしかしたら、ファンコミュニティ、eラーニングポータル、サポートグループ、ゲームフォーラムなど、コミュニティに特化したサイトを運営しているかもしれません。
WPBeginnerでは、読者からどうすればより多くのエンゲージメントを得ることができるかという質問をよく受けますが、チャットルームは素晴らしい設定です。
チャットルームでは、訪問者同士が交流したり、直接あなたに話しかけたりすることができます。これは、SlackやDiscordのような外部チャットクライアントに転送することなく、より長くあなたのサイトに滞在してもらうことができます。
この投稿では、あなたのサイトを次のレベルに引き上げ、魅力的でインタラクティブなコミュニティを作成する方法を紹介します。WordPressでユーザー向けにチャットルームを作成する方法をご紹介します。
なぜWordPressにチャットルームを追加するのですか？
会員制サイトや オンラインフォーラムを運営している場合、ユーザー用のインスタントメッセージングチャットルームを作成することをお勧めします。
Slack、WhatsApp、Facebook グループ、または Discord のようなサードパーティのサービスを使用することができます。これらの方法の問題点は、すべてのコミュニケーションがあなたのサイトの外で行われるため、チャット体験をコントロールできないことです。
また、この方法はサイトからの離脱を促し、WordPressのページビューや直帰率に悪影響を及ぼします。
あなたのサイトにチャットルームを埋め込むことで、より長くサイトに滞在してもらい、より強いコミュニティ意識を構築することができます。
注：チャットルームは、ユーザーの小規模なコミュニティに最適です。ライブ カスタマ サポートを提供したい場合は、最高のライブ チャット サポート ソフトウェアのリストをご覧ください。
それでは、WordPressブログやサイトにチャットルームを追加する方法を見てみましょう。
WordPressでチャットルームを追加する
WordPress でチャットルームを追加する最も簡単な方法はSimple Ajax Chat を使用することです。このプラグインは、任意のページ、投稿、またはウィジェット対応エリアにシンプルなチャットルームを追加することができます。
また、ログイン中のユーザーにアクセスを制限したり、完全に公開されたチャットルームを作成することもできます。詳細については、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 ユーザーのためのチャットルームを作成する方法を学ぶのにお役に立てば幸いです。また、リアクションボタンを追加してエンゲージメントを高める方法や、WordPress サイトの UX 監査の方法についてのガイドもご覧ください。
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.
Aks
Hey, does everyone who wants to partake in the chat require a wordpress account?
WPBeginner Support
The users do not need a WordPress account but you can require an account on your site if you wanted.
管理者
Alexi
Wow, great article!
WPBeginner Support
Thank you
管理者
Maja
It’s a pity that you can not embed room
on any page, e.g. shordcode, widget etc.
WPBeginner Support
We will be sure to look into alternatives with that option for future updates
管理者
Ahshan
a how can i delete chatbox pragraph
Tijjani Isah
Really Appreciate It
Ahmed Barwari
I installed and activated the plugin but its not working.
403 Forbidden
The website’s configuration prevents you from accessing this page.
Saminu Eedris
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
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
how many users can use the facility of chat room at a time?
Giorgios
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
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
Its a plugin called Breadcrumb NavXT. You can see more about it on our Blueprint page.
https://www.wpbeginner.com/blueprint/
管理者
HappyMoon
Thank you so much
Khürt L. Williams
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
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
Didn’t know about that one. Will have to take a look at it.
管理者
Thomas
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!