ウェブサイト検索

GenAIを使用してWordPressウェブサイトにチャットボットを追加する

紹介

チャットボットを使ってWordPressウェブサイトを強化することは、ユーザーのインタラクションとエンゲージメントを大幅に向上させることができます。24時間365日のカスタマーサポートを提供したり、リードを生成したり、ユーザーをサイト内で案内したりする際、チャットボットは貴重な追加機能となるでしょう。

このチュートリアルでは、DigitalOceanのGenAIチャットボットを既存のWordPressウェブサイトに統合する方法を示します。それは、単純なスクリプトを使用して任意のウェブサイトに簡単に統合できるAI駆動のチャットボットプラットフォームです。コードの挿入、プラグイン、テーマファイルの直接編集など、異なる方法を使用してチャットボットを追加する手順を説明します。

DigitalOcean GenAIプラットフォームは、GPUパワーのインフラ上でAIエージェントを構築するための強力な提供です。これは、基盤モデル、エージェントルート、ナレッジベース、リトリーバル・オーグメンテーション・ジェネレーション（RAG）パイプラインを使用してAIアプリケーションを作成することを可能にします。このプラットフォームは、早期利用（EA）にて提供されています。EAにサインアップして、こちらから始めましょう。

ユースケース

ここでは、DigitalOcean GenAIを使用してWordPressサイトにチャットボットを追加することで大きな影響を与えるいくつかのシナリオを紹介します:

  • カスタマーサポート: 一般的な質問に即座に回答し、チームがオフラインのときでも24時間年中無休のカスタマーサポートを提供します。
  • リードジェネレーション: 訪問者の名前、メールアドレス、電話番号などの情報を収集し、GenAIのインタラクティブフォームを使用して自動的にリードを特定します。
  • 商品推薦: Eコマースのウェブサイトは、ユーザーの好みに基づいて製品を推薦するためにチャットボットを使用でき、コンバージョンの増加に貢献します。
  • 予約スケジューリング: 医療機関、美容サロン、コンサルティングサービスなどのビジネスにおける予約の自動化。
  • インタラクティブエンゲージメント: ユーザーがクイズ、調査、インタラクティブなコンテンツで参加し、サイトに長く留まるように促し、ユーザーエクスペリエンスを向上させましょう。

前提条件

DigitalOcean GenAI チャットボットを WordPress サイトに追加する前に、次の要件を満たしていることを確認してください:

  1. WordPress管理者アクセス: チャットボットを統合したいWordPressサイトへの管理者アクセスが必要です。

  2. ライブのWordPressウェブサイト: まだWordPressウェブサイトを設定していない場合は、このガイドに進む前にDigitalOceanでのワンクリックインストールの使い方に関するチュートリアルを参照してください。

  3. DigitalOcean GenAI チャットボットスクリプト: DigitalOcean GenAI プラットフォームによって提供される GenAI チャットボット統合スクリプトが必要です。このスクリプトは通常、エンドポイントを公開にした後にクラウドパネルで見つける <script> タグの形で提供されます。ここで、GenAI エージェントとナレッジベースの作成と管理に関する詳細を見つけることができます。また、DigitalOcean GenAI プラットフォームの使い始めに役立つビデオチュートリアルもあります。

  4. WordPressの基本知識: WordPressの管理ダッシュボードへのログイン、設定やプラグインのナビゲート、ファイルの更新など、基本的なWordPress機能に慣れておく必要があります。

ビデオチュートリアルを視聴してください

視覚的なガイドを好みますか？以下のビデオを見て、DigitalOceanのGenAIチャットボットをWordPressウェブサイトに統合する手順の完全な解説を確認してください。

WordPressにDigitalOcean GenAIチャットボットを追加する

方法1：テーマファイルを使用してチャットボットを追加する（FTP、SSH、またはファイルマネージャー経由）

サーバーのバックエンドにアクセスすることに慣れている場合は、FTP、SSH、またはホスティングコントロールパネルのファイルマネージャーを使用して、テーマ内のfooter.phpファイルを直接修正できます。この方法により、テーマのファイルを完全に管理できます。

ステップ1: FTP、SSH、またはファイルマネージャーを使用してサーバーにアクセスします

  • FTP: FileZillaのようなFTPクライアントを使用してサーバーに接続します。ホスティングプロバイダーからFTPの資格情報（ホスト、ユーザー名、パスワード）が必要です。

  • SSH：サーバーへのSSHアクセスがある場合、PuTTY（Windows）やターミナル（macOS/Linux）などのSSHクライアントを使用してサーバーにログインし、テーマファイルに移動することができます。

  • ファイルマネージャー: ほとんどのウェブホスティングサービスは、コントロールパネル（例：cPanel、Plesk）にファイルマネージャーを提供しています。このツールを使用して、ウェブサイトのファイルを直接ブラウズすることができます。

ステップ 2: テーマフォルダーに移動する

  1. FTPまたはファイルマネージャーの使用

    1. ログインしたら、WordPressのインストールディレクトリ（通常はpublic_htmlまたはwwwの下）に移動します。
    2. そこから、wp-content > themes > your-active-themeに移動してください（your-active-themeは、使用中のWordPressテーマの名前に置き換えてください）。

  2. SSHの使用

    1. サーバーにログインした後、コマンド cd /path/to/your/wordpress/installation/wp-content/themes/your-active-theme を実行してWordPressテーマディレクトリに移動します。
    2. /path/to/your/wordpress/installation/を実際のWordPressインストールパスに、your-active-themeを有効なテーマの名前に置き換えてください。

ステップ3: footer.phpファイルを探して編集する

  1. footer.phpを開く

    1. テーマフォルダー内で、footer.phpファイルを探してください。このファイルは、あなたのサイトのフッターセクションを制御します。
    2. footer.phpを好みの方法（FTPクライアント、ファイルマネージャーのテキストエディタ、またはSSHを使用している場合はコマンドラインエディタ）で開きます。

  2. チャットボットスクリプトを挿入します

    1. footer.phpファイルの一番下までスクロールし、閉じタグ</body>を探してください。
    2. この閉じタグの直前に、DigitalOcean Cloud PanelのGenAIプラットフォームの下で受け取ったDigitalOcean GenAIチャットボットスクリプトを貼り付けてください。エンドポイントタブに移動します。GenAIダッシュボードページは次のようになります。

ステップ4: 変更を保存する

  • FTPを使用する場合: footer.phpファイルを編集した後、そのファイルを保存して、サーバーに再アップロードします（必要な場合）。

  • ファイルマネージャーを使用している場合: 編集後、保存ボタンをクリックして変更を保存します。

  • SSHを使用する場合: ターミナルベースのエディタでファイルを編集したら、ファイルを保存してエディタを終了します。

ステップ5: チャットボットをテストする

  1. 変更を保存した後、ブラウザでウェブサイトを開いてください。

  2. チャットボットがあなたのサイトに表示されているか、正しく機能しているか確認してください。チャットボットが表示されていて対話可能であれば、統合は成功しています。

方法2: プラグインを使ってチャットボットを追加する（簡単なオプション）

チャットボットスクリプトを簡単に追加するために、Insert Headers and Footersプラグインを使用できます。プラグインを使用するための手順は以下の通りです:

  1. ヘッダーとフッターの挿入プラグインをインストールします

    1. WordPressの管理パネルで、プラグイン > 新規追加に移動します。
    2. 「ヘッダーとフッターを挿入」を検索する
    3. 「今すぐインストール」をクリックし、その後「有効化」をクリックしてください

  2. GenAIチャットボットスクリプトを追加する

    1. 設定 > ヘッダーとフッターを挿入 に移動します。
    2. フッターのスクリプトセクションにGenAIチャットボットのスクリプトを貼り付けてください。

  3. 変更を保存

    1. 保存をクリックしてスクリプトを適用してください。

  4. チャットボットをテストする

    1. ウェブサイトを開いて、チャットボットが表示され、期待通りに動作するか確認してください。

トラブルシューティング

  • キャッシュの問題: チャットボットが表示されない場合は、ブラウザのキャッシュをクリアするか、一時的にキャッシュプラグインを無効にして、新しいスクリプトが正しく読み込まれることを確認してください。
  • JavaScriptのコンフリクト: チャットボットの機能に問題がある場合（例: 反応しない、または不適切に表示される）、ブラウザの開発者コンソール（F12を押してください）を確認して、サイト内の他のスクリプトとのコンフリクトを示すJavaScriptエラーを探してください。
  • ファイルの権限：footer.phpファイルを編集できない場合は、ファイルが書き込みのために正しい権限を持っていることを確認してください。FTPクライアントやファイルマネージャーを使用してファイルの権限を調整する必要があるかもしれません。

結論

あなたのWordPressウェブサイトにDigitalOcean GenAI Chatbotを統合することで、AI駆動のインターフェースを通じて迅速な支援を提供し、ユーザーの対話が向上します。このガイドに記載された手順に従うことで、あなたはウィジェットプラグインを使用するか、テーマのfooter.phpファイルにスクリプトを手動で埋め込むことにより、チャットボットをサイトに成功裏に追加しました。

この統合にはいくつかの重要な利点があります:

  • エンゲージメントの向上: 訪問者はチャットボットを通じてサポートにアクセスしたり、質問をすることが簡単にできます。
  • カスタマイズ: チャットボットの外観、初期メッセージ、色をあなたのサイトのブランディングに合わせて個別化できます。
  • シームレスなユーザー体験：チャットボットは適切なタイミングで読み込まれ、ユーザーにブラウジング体験を妨げることなく迅速な支援を提供します。

チャットボットが統合されたことで、訪問者にインタラクティブで役立つツールを提供する準備が整いました。これにより、訪問者はリアルタイムで必要な情報を得られます。顧客サービスを向上させることを目指しているのか、迅速な回答を提供したいのかにかかわらず、このチャットボットはあなたのウェブサイト訪問者にとって全体的な体験を改善する手助けをします。

GenAIチャットボットを追加することで、顧客の関与やサポートを支援する貴重なリソースがウェブサイトに加わり、最先端のAI駆動機能でサイトを際立たせることができます。

関連記事: