ハウツー記事

Facebook Messenger をWebサイトに追加する。Messenger ウィジェットガイド【10月22日版

Gerardo Salandra
最高経営責任者(CEO)。Respond.io
2022年8月3日

究極のチャットプラグインをお探しですか?あなたのウェブ訪問者が熱心なMessenger ユーザーである場合、あなたのウェブサイトにFacebook Messenger ウィジェットを追加してください。このブログの記事では、ウェブサイトにFacebook Messenger を追加する方法、およびWordPress, Wix とShopify のようなウェブサイトビルダーでFacebook Chat Plugin を追加する場所について紹介します。

Facebook Messenger Widgetとは?

があります。 Facebook Messengerウィジェット(またはFacebook Chat Plugin)は、サイト訪問者がMessenger を介してあなたのFacebook ページとチャットできるようにするウェブサイトのプラグインです。世界でもトップクラスのメッセージング・チャンネルであるため、顧客は自然にMessenger でチャットをするようになります。

これは、Facebook Messenger  Widgetの画像です。Facebook Messenger Widget (Facebook Chat Pluginとしても知られています) は、あなたのウェブサイトの訪問者がMessenger を介してあなたのFacebook ページとチャットできるようにするウェブサイトのプラグインです.あなたが英国(UK)、米国(US)、インドやフィリピンなどの場所にいる場合は、究極のチャットプラグインとしてMessenger を検討してください。
究極のチャットプラグインのために、ウェブサイトにMessenger ウィジェットをインストールします。

ウェブサイト訪問者がウィジェット経由で問い合わせを送ると、Meta Business Suite Inboxを通じて返信することができます。メッセージの受信量が少量から中程度で、顧客とのコミュニケーションをFacebook Messenger に依存している企業にとっては十分な機能です。

複数のチャネルで大量の会話や顧客とのチャットを処理する企業は、respond.io のようなオムニチャネル・メッセージング・インボックスを使用する必要があります。単一の受信箱ですべての会話を合理化するだけでなく、高度な自動化と分析などの追加的な利点を提供します。

Messenger Widgetを使用する理由。Facebook チャットプラグインの利点

あなたがFacebook Messenger を活用して、顧客サポートを提供 したり、販売を促進している場合、プラットフォームがいかに効果的であるかを知っています。Facebook ウェブチャットの使用を検討する主な理由は、永続的な会話を作成し、連絡先リストを構築する能力です。

Facebook チャットプラグインは、永続的で一貫したエンゲージメントを作成します。

従来のウェブサイトチャットでは、一度ウェブサイトを離れてしまうと、ユーザーを永遠に失うことになります。会話を続ける唯一の望みは、ユーザーがあなたのサイトに戻ることです。Messenger を追加すれば、このようなことはありません。

まず、Messenger ウィジェットは、あなたの顧客があなたに連絡を取り、質問を解決するための最速のツールです。これにより、顧客は慣れ親しんだ快適なメッセンジャーで、即座に、そして簡単にあなたに連絡することができます。

メッセンジャーウィジェットの会話はすべてFacebook Inbox に保存されます。これは、Facebook Messenger  、あなたのウェブサイトに追加した場合の特典です。
ウェブサイトにMessenger を追加する際に、連絡先情報とチャット履歴を保存します。

また、テクニカルサポート、製品に関する相談、注文や予約のサポートなど、ウェブサイト上で直接パーソナルなコミュニケーションを行うことも可能です。顧客は、関心が高いうちにあなたに連絡を取り、販売のコンバージョンを促進することができます。

ウェブサイトにFacebook チャットを追加すると、コンタクトのチャット履歴がMeta Business Suite の受信トレイに保存されます。つまり、Messenger でチャットしたユーザーがウェブサイトを離れた後でも、そのユーザーとの会話を再開することができるのです。

会話と一緒に、あなたはまた、名前、プロフィール写真、誕生日と場所を含む基本的なプロフィール情報のいくつかを見ることができます。これは、どのライブチャットよりも良いサービスを顧客に提供し、時間をかけて顧客との関係を構築するのに役立ちます。

Messenger をウェブサイトに追加し、Facebook Messenger コンタクトリストを構築する。

Facebook Facebook カスタマーチャットを使って簡単にメッセージを送れるようになったので、その人たちは永遠にあなたの連絡先リストに追加されるでしょう。

これは、Facebook Messenger  、電子メールよりも高い開封率およびクリック率を示している画像です。Facebook  Facebook  カスタマーチャットを使って簡単にメッセージを送ることができるようになったので、その人たちは永遠にあなたのコンタクトリストに追加されることになります。Facebook Messenger  の購読者リストは、電子メールの購読者リストと同じように考えることができます。これを視聴者との新しいコミュニケーションチャネルとして使用したり、Messenger ブロードキャストを配信するために使用することもできます。これは、なんと 92% の開封率を誇ります。
AddFacebook Chat Plugin:Facebook Messenger は、メールよりもエンゲージメント率が高い。

Facebook Messenger の購読者リストは、Eメールの購読者リストと同じように考えることができ ます。視聴者との新しいコミュニケーション・チャンネルとして、また、開封率92%という驚異的な数字を誇るMessenger のブロードキャストを送るために利用することもできます。

Messenger ウィジェットは、Facebook Messenger 購読者リストを構築するための1つの方法に過ぎません。 Messenger 連絡先を増やすにはFacebook コメントの自動返信や プライベート返信 Messenger 広告や リンクへの クリックFacebook QRコードなどいくつかの方法があります。

連絡先リストに追加するには、顧客がFacebook のアカウントにサインインしている必要があります。ゲストモードでメッセージしてきた顧客を追加することはできません。ウェブサイトにFacebook チャットを追加する際に、ゲストモードを有効または無効にするかどうかを確認するには、こちらをお読みください。

Facebook チャットプラグインゲストモード

Facebook は、顧客がFacebook のアカウントにログインすることなく、Messenger ウィジェットを通じて企業とチャットできるようにするため、2020 年にゲストモードを導入しました。ゲストモードに入るには、会話を始める前に「ゲストとして続行」をタップするだけです。

ゲストモードは、お客様が匿名で企業とチャットできる柔軟性を提供します。しかし、この機能には、企業にとっていくつかのデメリットがあります。

This is a image with AFacebook Messenger  Widget With A Guest Mode button.Facebook は2020年にゲストモードを導入し、顧客がFacebook アカウントにログインせずにMessenger ウィジェットを通じて企業とチャットできるようにしました。ゲストモードに入るには、Continue as Guestをタップするだけです。これは、英国、米国、インド、フィリピンなどの場所でFacebook Messenger  を究極のチャットプラグインにする柔軟性のようなものです。
Facebook Messenger ゲストモード付きウィジェット

まず第一に、ゲストモードでは、企業はお客様との持続的なつながりを築くことができません。企業は、ゲストがチャットを終了するか、会話の開始から24時間が経過すると、ゲストとの会話を再開することができません(いずれか早い方)。

また、ゲストモードでは、顧客情報にアクセスできないため、パーソナライズされた顧客体験を提供することは不可能です。ゲストモードでチャットする人は、名前がGuestと表示され、その後に短い数字の文字列が表示されます。

ありがたいことに、ウィジェットのセットアッププロセスでゲストモードを無効にすることができます。その方法をご紹介します。

Facebook Messenger Widgetの設定方法。ウィジェットコードを作成する

まず、Messenger ウィジェットの設定手順について説明します。Facebook Messenger をウェブサイトに追加するには、次の2つのステップを順番に行う必要があります。

  • Facebook Messenger ウィジェットコードの作成
  • Messenger ウィジェットコードをあなたのウェブサイトに追加してください。

Messenger ウィジェットコードは、Meta Business Suite またはrespond.io で生成できます。どちらのプラットフォームも同じ目的を果たしますが、異なる機能を提供します。

Meta Business Suiteには、ゲストモードを無効にするオプションがあります。B2C企業は、ゲストモードをオフにすることで、リードを獲得し、パーソナライズされた顧客体験を提供し、顧客がウェブサイトを去った後に再係合することができるので、これを選ぶべきです。

しかし、ゲストモードを無効にすると、匿名のままでいたいB2Bバイヤーが離れていってしまう可能性があると言われています。ゲストモードをオンにする必要がある B2B ビジネスであれば、respond.io を介してFacebook Chat Plugin をセットアップすることをお勧めします。

挨拶や 離席メッセージ チャットルーティングや 連絡先割り当てなどのプロセスを自動化できるだけでなく、respond.io では、Messenger ウィジェットに参照コードを追加して、連絡先がどこから来たかを特定することができます。大企業はこのオプションを検討すべきです。

Messenger Widget コードの生成Meta Business Suite

Meta Business Suite を使って、どんなウェブサイトにもFacebook Messenger を追加する方法をご紹介します。あなたのFacebook ページから。

  1. Meta Business Suiteに移動し、Inboxを開きます。
  2. 設定」アイコンをクリックし、「すべての設定を表示」を選択します。
  3. チャットプラグインを選択
  4. Set Upをクリックします。

ウィジェットの機能をニーズに合わせて調整するには、リストから必要な自動化とカスタマイズを選択してから、「Set Up」をクリックします。次に、Messenger Widgetコードを生成するために使用したいセットアップ方法を選択します。

1.青い「Set Up」ボタンをクリックします。

これは、Messenger Widget CodeをFacebook Business Suite Inboxに生成する方法を示す画像です。青い「Set Up」ボタンをクリックして、Facebook チャットプラグインのインストールを開始します。
Facebook Meta Business Suite のチャットプラグイン

2.使用したいFacebook Chat Plugin のセットアップ方法を選択します。サイトビルダーが表示されている場合は、それを選択します。それ以外の場合は、「標準」を選択します。

これは、Facebook Business Suite Inbox 上でMessenger Widget Code を生成する方法を示す画像です。Messenger Widgetをインストールするサイトビルダーを選択します。
ウェブサイトビルダーがリストにある場合は、それを選択するか、「標準」を選択します。

3.チ ャットプラグインに使用する言語を選択 します。その後、[保存して続行]をクリックします。

これは、Facebook Business Suite Inbox 上でMessenger Widget Code を生成する方法を示す画像です。Facebook Messenger  ウィジェットに表示させたい言語を選択します。米国(US)の場合はアメリカ英語、英国英語の場合はイギリス英語などです。
言語を選択する

4.あ なたがチャットプラグインが表示されるようにしたいすべてのWebサイトのドメインを追加 します.コードジェネレータに貼り付けられたドメインがページを含んでいないことを確認してください.完了したら、[保存して続行] をクリックします。

これは、Facebook Business Suite Inbox 上でMessenger Widget Code を生成する方法を示す画像です。言語(例:アメリカ英語(US))を追加した後、Facebook Messenger  ウィジェットを表示させたいウェブサイトのドメインを追加してください。
ウェブサイトドメインの追加

5. Copy code 」ボタンをクリックして、コードをコピーします。その後、[次へ]をクリックします。

これは、ウェブサイトにFacebook Messenger  を追加する方法を示す画像です。コードをコピーする」をクリックし、「次へ」をクリックします。
コードをコピーする

6. 6. コードスニペットを自分のウェブサイトに貼り 付けます。さらに下に、このコードをWordPress 、Wix、Shopify 、Squarespace に追加する場所を簡単に紹介します。

これは、ウェブサイトにMessenger を追加する方法を示す画像です。コードをあなたのウェブサイトに貼り付けてください。このコードをWordpress、Wix、Shopify 、Squarespace に追加する方法について説明します。
プラグインのコードスニペットをウェブサイトに貼り付けます。

完了したら、 Finish をクリックします。これで、Messenger ウィジェットを使用する準備ができました。オプションとして、Messenger ウィジェットのゲストモードをオフにすることができます。

6.ゲ ストモードを無効にするには、ゲストチャットのトグルをオフにし ます。このトグルは、「Chat Plugin のカスタマイズ」で見つけることができます。

これは、Facebook Messenger  Widgetのゲストモードをオフにする方法を示す画像です。ゲストチャットのトグルをオフにして、ゲストモードを無効にします。トグルは、「チャットプラグインをカスタマイズする」の下にあります。
ゲストモードの無効化

そして、Publish をクリックして、変更を有効にします。そして、それはあなたがウェブサイトのチャットでFacebook Messenger をインストールする方法です!または、Messenger ウィジェットコードを作成することもできます。respond.io 。

Messenger ウィジェットコードの生成respond.io

Messenger Widget Codeを作成するには、respond.io 、respond.io アカウントが必要です。その後、以下の手順に従ってください。

1. Channels モジュールに移動 します。そして、Add Channel を押して、Facebook Page を接続します。

まず、respond.io ダッシュボードでチャンネルを作成します。
ウェブサイト用Messenger ウィジェットの作り方。Channelsモジュール

2. チャンネル一覧からMessenger を選択 します。

Facebook Messenger  Widget用のスクリプトを作成する前に、あなたのFacebook ページをrespond.io プラットフォームに接続する必要があります。
ウェブサイト用ウィジェットMessenger の作り方:Respond.io チャンネル接続

3. Connect withFacebook押す。接続したいページの管理者権限を持つFacebook のアカウントにサインインしてください。

これは、Facebook Messenger  をrespond.io に追加する方法を示す画像です。 Press Connect withFacebook.接続したいページの管理者権限を持つFacebook のアカウントにサインインします。
とつながるFacebook

複数のページを管理している場合、どのFacebook ページに接続するかを選択するオプションが表示されます。完了を押して 、設定を完了します。

4. ChatPluginを押して 、Facebook Messenger Widget Codeの作成を開始します。

Respond.io Channel PageのChat Pluginを押して、Facebook Customer Chatプラグインの作成を開始します。
ウェブサイト用ウィジェットMessenger の作り方:Respond.io チャンネルページ

5. ホワイトリストにお客様のウェブサイトを追加 します。これは、Facebook Messenger 、あなたのウェブサイトに追加するために必要です。

あなたのウェブサイトにFacebook Custom Chatプラグインコードを挿入する前に、ホワイトリストにあなたのウェブサイトのドメインを追加する必要があります。
ウェブサイト用ウィジェットMessenger の作り方:Facebook Messenger ウィジェットホワイトリスト

6.ス クリプトをコピー し、ウェブサイトのフッターに貼り付ける。

最後のステップは、あなたのウェブサイトにFacebook チャットプラグインスクリプトを追加することです.
ウェブサイト用Messenger ウィジェットの作り方:Facebook Messenger ウィジェットスクリプト

あなたのウェブサイトにFacebook チャットウィジェットコードを追加した後、[完了]をクリックしますと、それがあります - あなたのFacebook チャットプラグインが稼働しているはずです。

さて、あなたのウェブサイトにFacebook チャットを追加する方法について疑問に思うかもしれません。これは、あなたのCMSに依存します。我々は、人気のあるサイトビルダーのためのウェブサイトにMessenger を追加する方法のいくつかの方法を説明します。

ウィジェットコードを使用してウェブサイトにMessenger を追加する方法。

チャットプラグインを追加するためにあなたの CMS をナビゲートすることは混乱することがあります。以下に、WordPress 、Wix、Shopify とSquarespace のような人気のあるサイトビルダーにMessenger ウィジェットコードをインストールする手順を見つけることができます。

Facebook Messenger ウィジェットコードをWordPress サイトに追加する方法

Meta サイドバーのプラグインタブから直接、Messenger のプラグインをインストールすることができるようになりました。プラグイン自体は無料ですが、インストールはビジネスプランの契約者、またはレガシープランの場合はプロプランのユーザーのみ可能です。

これは、次のことを示す画像です。 サイドバーのプラグインタブから直接Meta によって、Messenger プラグインをインストールできるようになりました。プラグイン自体は無料ですが、インストールはビジネスプランの契約者、またはレガシープランの場合はプロプランのユーザーにのみ提供されます。あなたがそのような英国、米国、インドやフィリピンなどのMessenger 究極のチャットプラグインである場所にある場合は、あなたのWordPress サイトにこれを追加します。
WordPress ProまたはBusinessの購読者は、Facebook Chat Pluginを直接インストールすることができます。

Facebook Chat Plugin をWordPress にインストールするには、次の手順に従います。

  1. Facebook Chat Pluginを検索し、選択します。
  2. 今すぐインストールをクリックします。
  3. アクティベート]をクリックします。
  4. カスタマーチャットと書かれたタブを探します。Getting startedセクションに移動し、Edit chat pluginをクリックします。
  5. チャットプラグインをカスタマイズし、設定を完了します。

または、Messenger ウィジェットコードを使用して、Messenger をWordPress サイトに統合してください。この場合も、ペイウォールを通過する必要があります。Messenger ウィジェットコードをWordPress に追加するには、ヘッダーとフッターのプラグインをインストールするなど、いくつかの方法があります。

1.プ ラグインページからお好みのヘッダーとフッターのプラグインを追加して ください。

Facebook チャットプラグインのコードが準備できたら、ヘッダーとフッターのプラグインをあなたのワードプレスに追加することができます.
ヘッダーとフッターのプラグインを追加する

2.ヘッダーとフッター]に移動します。

headers and footersプラグインを追加したら、それにナビゲートします。
Facebook Messenger 、ウェブサイトに統合する方法。ヘッダーとフッターのコンソールを開く

3. Facebook Messenger ウィジェットスクリプトをフッターに追加 します。

今、あなたのワードプレスのウェブサイトのフッターにFacebook カスタマーチャットプラグインのコードを貼り付けます.
Facebook Messenger 、ウェブサイトに統合する方法。ヘッダーとフッターのコンソールにスクリプトを追加します。

これで、Facebook Messenger Live Chat をWordPress ウェブサイトに追加しました。

Facebook チャットプラグインコードを追加する方法Wix Website

Wixウェブサイトにライブチャットを追加したい場合、どうすればいいですか?Facebook Messenger ウィジェットスクリプトを作成したら、下記のステップに従って、Wixウェブサイトに追加します。この機能にアクセスするには、有料のサブスクリプションが必要であることに注意してください。

1. 設定] > [詳細設定 ] > [ カスタムコード]を開きます

Facebook Messenger  ウィジェットコードの準備ができましたので、Wix内のカスタムコードに移動します。
WixにMessenger ウィジェットコードを追加する

2. Facebook Messenger ウィジェットコードを貼り付け、コードを適用させたいページを選択します。コードは必ず Body - endに記述してください。

Facebook チャットプラグインのスクリプトを取得し、カスタムコードダイアログ内に貼り付けます.
カスタムコードフォームへの入力

これで、あなたのWixウェブサイトにFacebook Chat Pluginが追加されました。

これで、Facebook Messenger  ウィジェットがあなたのWix Website に表示されます。
新しいFacebook Chat Plugin がインストールされました。

Facebook チャットウィジェットを追加する方法Shopify

Facebook チャットプラグインスクリプトを取得したら、次の手順に従ってくださいあなたは、統合する必要がありますFacebook Messenger Shopify ウェブサイトに.

1.オ ンラインストア」に移動し 、コードを編集します。

あなたのFacebook Customer chat plugin script が準備できたら、あなたの shopify テーマに移動し、コードを編集してください。あなたがMessenger が普及している国、インド、フィリピン、イギリス (UK) または米国 (US) などでShopify を使用している場合、これは行う価値があります。
Shopify Messenger チャットオンラインストアのコードを編集する

2. footer.liquid セクションを開き 、Facebook Messenger Widget スクリプトを貼り付けます。

Facebook Messenger  Widgetのコードを、あなたのSpotifyウェブサイトのfooter.liquidセクションに追加してください。
Shopify Messenger チャットスクリプトを追加する

これで、あなたのウェブサイトShopify にFacebook Chat Plugin が追加されました。

Facebook Messenger ウィジェットコードを追加する方法Squarespace

Facebook Chat Plugin スクリプトを入手したら、次はMessenger をSquarespace ウェブサイトに埋め込む番です。

1. Squarespace にログイン し、サイトを選択し、「設定」を開きます。

Facebook Messenger  ウィジェットコードを用意したら、squarespaceにログインし、インストール作業を開始します。
サイト設定を開く

2. 詳細設定に移動 します。

Facebook Messenger  をあなたのウェブサイトに追加する方法があります。Facebook Messenger  をSquarespace ウェブサイトに統合するには、「詳細設定」を開きます。これは、Facebook Messenger  をあなたのウェブサイトに追加する方法です。
詳細設定を開く

3. コード・インジェクションに移動 します。

Facebook Messenger  をあなたのウェブサイトに追加する方法があります。To IntegrateFacebook Messenger  Into YourSquarespace Website Open Code Injection.Facebook Messenger  をあなたのウェブサイトに追加する方法です。
オープンコードインジェクション

4. Facebook Messenger Widget スクリプトを貼り付けます

Facebook Messenger  をあなたのウェブサイトに追加する方法があります。Facebook Messenger  をSquarespace ウェブサイトに統合するには、スクリプトを追加してください。これはFacebook Messenger  をあなたのウェブサイトに追加する方法です。
スクリプトを追加する

あなたは今、あなたのウェブサイトにFacebook Messenger ライブチャットを追加しました。

我々は、あなたのFacebook チャットウィジェットコードを作成し、最も人気のあるサイトビルダーのいくつかにFacebook チャットプラグインをインストールする方法を示しました。Messenger ウィジェットや他のチャネルで顧客とチャットするだけでなく、集中受信箱で顧客の連絡先詳細やチャット履歴にアクセスしたいですか?今すぐ respond.io のアカウントに登録してください。

参考文献

そして、それはあなたがあなたのウェブサイトにFacebook Messenger を追加するためにMessenger ウィジェットを取得する方法です。究極のチャットプラグインでビジネスを成長させる方法についての記事を楽しんでいただけたなら、これらのブログ記事でビジネス用のインスタントメッセージについてもっと学んでください。

タグ
クリップボードにコピーされました

始める準備はできていますか?

ありがとうございました。サインアップフォームに移動しています。
おや?何かが間違っていました。ブラウザを更新してもう一度試してみてください。
ありがとうございました。あなたの投稿を受け取りました。
おっと!?フォームの送信中に何か問題が発生しました。
14日間の無料トライアルを開始