ウェブサイトにライブチャットを追加

ライブチャットは、ウェブサイトの隅に立つチャットウィンドウであり、訪問者は、ウェブサイトから直接あなたに書き、メッセージはCRMの受信箱に落ちる。あの...

1 最短読み込み時間
最後に更新された日 2026年11月5日

このページの上で

設定
外観・文字
誰もオンラインにいないとき
信頼されたドメイン名
訪問者の認証
訪問者源
関連記事

ライブチャットは、ウェブサイトの隅に立つチャットウィンドウであり、訪問者は、ウェブサイトから直接あなたに書き、メッセージはCRMの受信箱に落ちる。サイトにコードを一行だけ追加するだけでインストールできます。

ライブチャットの設定 ‐インストールコード，外観，セキュリティ
概要プラットフォームのステップとウェブマスターへの指示
受信箱 会話に返信

設定

コードをコピーして ライブチャット ページの「アップロード」タブを開き、「ウィジェットコード」タブの「コードをコピー」ボタンをクリックします。
サイトに貼り付ける — サイトのすべてのページにコードを貼り付け、閉じる</head>タグの直前に。サイトが共通のテンプレートまたはレイアウトファイルを使用している場合、一度だけ追加できます。
チェック -- サイトを開きます。チャットスタート (バブル) が角に表示されます。

管理者概要また、「プラットフォームを設定」ボタンは、WordPress、Shopify、Wix、Squarespace、Webflow、Google Tag Manager、Joomlaおよび「その他/普通のHTML」に関するステップバイステップの説明を示す。ウェブマスターに指示を送る」は、コードと手順を入力したメールアドレスに送り、返信を受け取ります。

もし、ウィジェットをロードするドメインを手動で指定する必要がある場合は、ロードタブの異なるドメインタブに準備済みのコード例があります。

ウィジェットを作成せずにチャットをしたい場合は、ウィジェットタブの「チャットページ」タブから「リンクをコピー」をクリックしてチャットページのリンクを直接共有できます。

外観・文字

ウィジェットタブで行った変更は右側のライブプレビューに表示されます。完了したら「変更を保存」ボタンを押してください。メインカード:

ホーム画面 また、ウィジェットを開くと表示される画面：アバター、ヘルプセンターカード、リクエストセクション。
メッセージ →「おかえり」、「匿名おかえり」（来客の名前が不明の場合）、「入場」のテキスト。
背景とリンク 招待の背後にある色やビジュアル;メイン画面に表示するショートカット
チャット画面 また，「歓迎メッセージ」（新しいチャットの最初のバブル），エントリの置き換え，「エージェントがいない」，「顧客が待ち行列にある」テキストを追加した。
チャット前フォーム/チャット後フォーム チャット終了後に表示される短い評価やフィードバック。
スクリーン 下部ナビゲーションとデフォルトスクリーンに表示されるタブを指定します。
ランチャー 特殊アイコン（100KB以下のJPG、PNGまたはGIF）、位置（左か右）、マージンスペース。
スタイル ライトとダークのロゴ、「デフォルトウィジェットテーマ」（ライト、ダークまたはシステム）。

その他の言語への翻訳局在化ページから

誰もオンラインにいないとき

チームの誰もオンラインでない場合、ビジターは「代表が利用可能ではありません」と表示されます。チャットは開いていました。返信したとき、ビジターがチャットに参加していない場合、メールで返信が送られます。これには訪問者のメールアドレスが必要であるため、「プレチャットフォーム」を用いてメールを収集することを推奨する。

タイムアウトでは、返事がない会話に対して何をするかを選択できます。各ルールは別のキーで開き、持続時間は分で指定します:

他のデレクトに転送 開設後5分間：エージェントが応答しない場合は、クライアントを他の利用可能なエージェントに移動させる。手動割り当てグループでは、チャットはキューに入れる。
会話を非アクティブにマーク 受動チャットは、デレガットの同時チャット制限に加算されません。
チャットを閉じる クライアントは新しいメッセージを書き込むことで同じチャットを再開できる。

同じタブの "Visitor Cleanup" では、あなたにメールを送ったことのない匿名の訪問者をどれだけ保持するかを決定します。デフォルトは30日です。

信頼されたドメイン名

セキュリティタブの信頼できるドメイン名フィールドに、ウィジェットがロードできるドメインをコンマで区切って入力します。すべてのサブドメイン名に対して*.example.com形式を使用します。空のスペースがある場合は、ウィジェットをどのサイトにも追加できます。変更を保存するのを忘れないでください。

訪問者の認証

ユーザがサイトにログインしたとき、CRMの顧客記録と安全に一致させるために、訪問者のメールアドレスにサーバ上の秘密鍵（HMAC-SHA256）で署名する。

秘密鍵を取得します。セキュリティタブの認証タブで、秘密鍵を表示し、秘密鍵をコピーを選択します。鍵をサーバにだけ保存してください。
サーバ上で署名を生成します。鍵が秘密鍵で、メッセージの受信者のメールアドレスが鍵となるように HMAC-SHA256 を計算し、結果を十六進法 (hex) テキストとして返します。
ページに追加 — ウィジェットコードの前に window.BeChatSettings にメールアドレスと署名を入力します。
認証を要求する場合は、認証を要求するキーを有効にして、変更を保存ボタンを押します。

署名付き Node.js:

const crypto = require('crypto');

const emailHash = crypto
  .createHmac('sha256', process.env.CANLI_SOHBET_GIZLI_ANAHTAR)
  .update(kullanici.email)
  .digest('hex');

PHP で署名:

$emailHash = hash_hmac('sha256', $kullanici['email'], getenv('CANLI_SOHBET_GIZLI_ANAHTAR'));

ページ上のウィジェットコードの前:

<script>
  window.BeChatSettings = {
    user: {
      email: "musteri@ornek.com",
      email_hash: "SUNUCUNUZDA_URETILEN_IMZA"
    }
  };
</script>
<!-- Ardından "Yükle" sekmesinden kopyaladığınız widget kodu -->

emailフィールドは署名する値と完全に同じでなければなりません。大文字と小文字を区別しても署名は無効になります。ページソースに秘密鍵を入れない。

署名が有効であれば、そのメールの顧客レコードにリンクされ（あるいは新しいレコードが開かれる）、その顧客のメールアドレスが確認されたとみなされ、顧客パネルの「Email verified」行に「Yes」と表示される。クライアント属性が同じキーで定義されている場合、同じオブジェクトに追加した他のフィールドは、そのオブジェクトに書き込まれます。認証を要求すると、有効な署名がないユーザデータは無視され、匿名で訪問が続行されます。

訪問者源

右の顧客パネルは訪問者がどこから来たかを示している。

出典: ランディングページ，リファーラとＵＴＭソース，ツール，キャンペーン，用語，コンテンツ値。これらは最初の訪問時に一度だけ保存され、その後のサイト内のブラウジングや自分のサイトからのリファレンスでは変更されません。
場所と言語: ブラウザ言語と時計言語。人物レコードに言語やタイムゾーンが空欄の場合、訪問時にそれらを埋めます。手動で入力した値は上書きされません。
デバイス: ブラウザ、オペレーティングシステム、デバイス、IPアドレス、セッションの国。