Chuntian オンライン客服 Chuntian オンライン客服 AIオンライン客服システム
Company setup · Website · Online support

マーケティング型ウェブサイトにローカル導入したカスタマーサービスシステムが複数ページをサポートする方法

本記事では、マーケティング型ウェブサイトにローカル導入したカスタマーサービスシステムが、複数ページでの統一管理とリアルタイム応答を実現する方法について、ページ埋め込み、クロスドメイン処理、設定手順などを解説し、ウェブサイトの顧客サービス効率向上に役立てます。

ローカル導入カスタマーサービスシステムの複数ページシナリオにおける役割

マーケティング型ウェブサイトは通常、トップページ、製品ページ、事例ページ、お問い合わせページなど、複数のページで構成されています。ローカル導入カスタマーサービスシステムは、各ページに統一されたコードスニペットを埋め込むか、SDKを使用することで、訪問者がどのページからでも問い合わせを開始でき、カスタマーサービス担当者は同一のバックエンドで全てのリクエストを処理でき、システムを切り替える必要がありません。この方法は、サービスの継続性を保つだけでなく、データ統計や顧客プロファイルの蓄積にも役立ちます。

複数ページサポートを実現する一般的な方法

1. ページへの固定コード埋め込み

ほとんどのローカル導入カスタマーサービスシステムは、JavaScriptコードを提供しており、これをウェブサイトの各ページの<head>または<body>タグ内に配置することで機能します。このコードには通常、カスタマーサービスボタンのフローティングウィンドウ、チャットウィンドウのトリガーロジック、サーバー接続設定が含まれています。ウェブサイト開発者は、一度コピー&ペーストするだけで、全ページでカスタマーサービス機能を有効化できます。

マーケティング型ウェブサイトにローカル導入したカスタマーサービスシステムが複数ページをサポートする方法配图

2. グローバル変数またはシングルページアプリケーションへの対応

VueやReactなどのフレームワークで開発されたシングルページアプリケーション(SPA)では、ページ遷移時にドキュメント全体が再読み込みされないため、従来のコード埋め込み方法が機能しない場合があります。この場合、カスタマーサービスシステムが提供するAPIを利用し、ルート変更時にカスタマーサービスコンポーネントの状態を再初期化または更新する必要があります。一部のシステムは、フレームワークプラグインやイベントリスナーインターフェースを提供しており、開発者はこれらを使用してリフレッシュなしの切り替えを実現できます。

3. クロスドメインとサブドメインの処理

マーケティングウェブサイトが複数のサブドメイン(例:www.example.com、shop.example.com)を使用している場合、またはページリソースが異なるドメインから提供されている場合、ローカル導入カスタマーサービスシステムはクロスドメイン設定をサポートする必要があります。通常、カスタマーサービスシステムのバックエンドで許可するドメインのホワイトリストを追加するか、JSONPやCORS方式で通信します。導入時には、コードがすべてのサブドメインで正常に読み込まれることを確認する必要があります。

マーケティング型ウェブサイトにローカル導入したカスタマーサービスシステムが複数ページをサポートする方法配图

設定手順と注意点

  1. 埋め込みコードの取得:ローカル導入カスタマーサービスシステムの管理バックエンドにログインし、システムが生成した埋め込みコードをコピーするか、SDKパッケージをダウンロードします。
  2. 全ページへの追加:コードを各ページの共通ヘッダーまたはフッターファイル(例:header.php、footer.html)に貼り付け、サイト全体で統一します。
  3. 読み込みと機能のテスト:異なるページ(サブドメインページを含む)でブラウザの開発者ツールを開き、コードにエラーがないこと、カスタマーサービスボタンが正常に表示され、クリック後に接続が確立されることを確認します。
  4. ログイン状態の維持:訪問者の身元を識別する必要がある場合(例:ログインユーザー)、埋め込みコードにユーザーIDやセッション識別子を渡し、ページ間で情報が同期されるようにします。
  5. パフォーマンスへの影響に注意:ローカル導入カスタマーサービスシステムは通常、ページの読み込みに顕著な遅延を引き起こしませんが、非同期読み込みや遅延初期化を使用して、ファーストビューのレンダリングを妨げないようにすることをお勧めします。

よくある質問

質問:ページごとに異なるカスタマーサービスグループを表示できますか?

はい、可能です。多くのローカル導入カスタマーサービスシステムは、ページURLやパラメータに基づいて異なるカスタマーサービスグループを割り当てることができます。埋め込みコードにルーティングルールを設定するか、バックエンドのページ振り分け機能で設定します。

質問:ページをリニューアルした場合、コードを再度追加する必要がありますか?

リニューアルがスタイル調整のみの場合、コードの変更は不要です。ページ構造を再構築したり、テンプレートファイルを変更した場合は、埋め込みコードが削除されていないか確認し、新しいテンプレートに再度配置する必要があります。

質問:ローカル導入システムにはどのようなサーバー要件がありますか?

通常、カスタマーサービスシステムソフトウェアをインストールするための独立したサーバー(物理サーバーまたはクラウドサーバー)が必要で、対応するネットワークポートを開放する必要があります。具体的な設定はシステムの公式ドキュメントを参照してください。一般的に、2コア4GBのメモリで中小規模のマーケティングウェブサイトの同時接続要件をサポートできます。

マーケティング型ウェブサイトにローカル導入したカスタマーサービスシステムが複数ページをサポートする方法配图

提案とまとめ

マーケティング型ウェブサイトでローカル導入カスタマーサービスシステムを使用して複数ページをサポートする場合、コードの統一導入、ページ間でのセッションデータの共有、定期的な互換性問題のチェックが重要です。ウェブサイト公開前には、全ページを巡回してテストし、すべてのページで正常にチャットを開始できることを確認することをお勧めします。技術的な実装に不安がある場合は、カスタマーサービスシステムベンダーの導入サポートに相談するか、ウェブサイト開発者に依頼して完了してもらうことができます。