WordPressサイトに外部チャットボットを設置|指定されたscriptタグの埋め込み対応
WordPressで運用しているWebサイトに、外部サービスのチャットボットを導入する場合、サービス提供元から発行されたscriptタグなどのコードをサイト内に設置することがあります。今回は、幼稚園のWebサイトに外部チャットボットを導入するため、指定されたコードの設置をご依頼いただきました。
今回のケースでは、WordPressやWebサイトに不具合が発生していたわけではありません。外部サービスの利用開始にあわせて必要なコードを指定箇所へ設置し、その後、サイトの表示やチャットボットの動作に問題がないかを確認しています。
今回のご相談内容
今回ご相談いただいたのは、WordPressでWebサイトを運用されている幼稚園です。新たに外部のチャットボットツールを利用することになり、サービス提供元から発行されたコードをWebサイトの指定箇所へ設置してほしい、というご依頼でした。
外部サービスをWebサイトと連携させる際には、このように専用のscriptタグなどを設置するケースがあります。コードそのものはサービス提供元から発行されるため、今回はその内容を変更するのではなく、指定された方法に沿ってWordPressサイトへ組み込む作業を行いました。
発生していた症状・エラー内容
今回は、エラーや表示崩れなどのトラブルが発生していたわけではありません。チャットボットを利用するために必要なコードがまだWebサイトへ設置されていない状態だったため、導入作業として対応しています。
Webサイトへのコード追加というと不具合修正をイメージされることもありますが、アクセス解析や各種外部サービスなどと同様に、新しい機能を利用するための設定としてコードの設置が必要になる場合があります。
原因の特定ポイント
今回の対応には、不具合の「原因」にあたるものはありません。WordPress側で問題が発生したためチャットボットが表示されなかったのではなく、外部サービスの利用開始に必要なコードを新たに追加することが目的でした。
そのため、エラー調査やWordPress内部の修正を行うのではなく、まず提供されたコードと設置場所を確認し、指定どおりに組み込むことを基本方針としました。外部サービスのコードは提供元の仕様に基づいて動作するため、必要以上に内容を変更しないことも大切です。
実際に行った対応内容
サービス提供元から発行されたコードを確認し、指定されていた箇所へ設置しました。外部ツールの導入では、コードを追加すること自体だけでなく、その変更によって既存のWebサイトに影響が出ていないかを確認することも重要です。
設置後は実際にWebサイトを表示し、ページの見た目に問題がないことを確認しました。あわせてチャットボットについても簡単な動作確認を行い、設置したコードが正常に読み込まれていることを確認しています。
対応後の結果・改善点
コード設置後、Webサイトには問題なくチャットボットが表示されました。既存ページの表示にも特に影響はなく、確認した範囲ではチャットボットの動作にも問題は見られませんでした。
今回は既存サイトの機能を変更する大きなカスタマイズではなく、外部サービスを利用するためのコード追加でした。そのため、必要な箇所への設置と、設置後の表示・動作確認までを行って対応完了となりました。
今回の対応から分かったこと
チャットボットをはじめ、Webサイトではさまざまな外部サービスを組み合わせて利用する機会があります。その際、サービス提供元から「このコードをWebサイトに設置してください」と案内されても、WordPressのどこに追加すればよいのか分からないことがあります。
また、コードを設置できたとしても、既存サイトへの影響がないかを確認することも大切です。今回のような比較的小規模な作業でも、指定された内容を確認したうえで設置し、最後にWebサイト全体の表示と導入した機能の動作を確認するところまでが一連の対応になります。
同様のトラブルを防ぐために
外部サービスのコードをWordPressへ追加する場合は、提供元から指定された設置場所や方法を確認したうえで作業することが重要です。インターネット上で見つけた別の設置方法を自己判断で試したり、発行されたコードを必要以上に書き換えたりすると、正常に動作しない原因になることがあります。
また、テーマファイルなどへ直接コードを追加する場合は、WordPressテーマの更新やサイト改修によって設置した内容が失われないかについても注意が必要です。サイトの構成や運用方法を確認しながら、適切な場所へ設置しておくと安心です。
メディアプライムスタイルのサポートについて
メディアプライムスタイルでは、WordPressの不具合やエラーへの対応だけでなく、今回のような外部サービスを利用するためのコード設置など、Webサイトの運用に伴う作業にも対応しています。
なお、外部サービス自体の機能やシステムはサービス提供元によって管理されています。そのため、今回のチャットボットについても、Webサイトへのコード設置や設置に伴う確認は対応できますが、チャットボットそのものの機能変更や内部システムの修正などはサポート範囲外となります。
「外部サービスからコードを渡されたけれど、WordPressのどこに入れればよいか分からない」「自分で追加してサイトに影響が出ないか心配」といった場合には、Webサイト側で対応できる内容かどうかを含めて確認することができます。小さな設定変更でも、判断に迷ったときはお気軽にご相談ください。
🐾 さぽたん日記からのご案内
ホームページを育てるお手伝い
ホームページは作って終わりではなく、
小さな修正や改善を重ねながら育てていくものです。
日々の対応内容を「さぽたん日記」でご紹介しています。