導入ガイド / WordPress
WordPressにEmbentを導入
テーマファイルを手動で編集する必要はありません。無料のコード埋め込みプラグインをインストールし、スニペットを一度貼り付ければ、サイトのすべてのページで読み込まれます。
始める前に
- セルフホストのWordPress.org:プランやホスティングの制限はありません — プラグインをインストールできる(またはテーマファイルを編集できる)サイトであれば利用できます。
- WordPress.com:Personalプラン以上が必要です。無料のWordPress.comプランではプラグインのインストールやカスタムJavaScriptの追加はできません。
手順
1
埋め込みスニペットをコピー
Embentのダッシュボードでボットの Overview を開き、埋め込みスニペットをコピーしてください。次のような内容です:
<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>2
コード埋め込みプラグインをインストール
WordPressのダッシュボードから Plugins → Add New に進み、「WPCode – Insert Headers and Footers」を検索して、インストールおよび有効化してください。セルフホストのWordPress.orgでも、プラグインが使えるプランのWordPress.comサイトでも同じ手順です。
3
スニペットをフッターに貼り付け
プラグインの Code Snippets → Header & Footer 画面を開き、Footer欄にスニペットを貼り付けてください。プラグインが、閉じるbodyタグの直前にすべてのページで読み込みます。Saveをクリックします。
動作確認
新しいブラウザタブでサイトを再読み込みしてください。チャットのアイコンが画面の隅に表示されます。自分のページについて質問すると、引用付きで回答するはずです。
うまくいかない場合
試してもウィジェットが表示されませんか?ほとんどのケースはこちらで解決します。
埋め込みコードを追加したのにウィジェットが表示されません — チャットのアイコンもボタンも何も出てきません「ウィジェットが表示されない」というケースのほとんどは、次の4点で解決します。まず、公開中のサイトを開いてページのソースを表示し(右クリック → ページのソースを表示)、「embent」を検索してください — スクリプトが見つからない場合、そのコードは公開済みのページに保存されていません。次に、スニペット内のdata-bot IDが、ダッシュボードのSettingsに表示されているものと一致しているか確認してください。3つ目に、サイトのページキャッシュとCDNキャッシュをクリアしてください — キャッシュされたページはウィジェットのない古いバージョンを表示し続けます。4つ目に、ダッシュボードでボットが一時停止(paused)されていないか確認してください — 一時停止中のボットは、意図的に訪問者に何も表示しません。
それでもウィジェットが表示されず、キャッシュや最適化プラグイン(WP Rocket、Autoptimize、LiteSpeed Cache、W3 Total Cacheなど)を使っていますプラグインのJavaScript最適化機能(minify、結合、defer、または「delay JavaScript execution」)がEmbentのスニペットを書き換えている可能性があります。最適化機能自体をオフにする必要はありません — プラグインのJavaScript除外リスト(例えばWP Rocketの「Excluded JavaScript Files」)に「embent」を追加し、ページキャッシュをクリアして再読み込みしてください。
よくある質問
WordPress.comを使っていますが、これは使えますか?はい、Personalプラン以上であれば使えます。セルフホストのWordPressと同じ手順で、WordPress.comのプラグインディレクトリからWPCodeをインストールしてください。無料のWordPress.comプランではプラグインのインストールやカスタムJavaScriptの追加ができないため、ウィジェットは表示できません。
プラグインを使わずに、テーマを直接編集することはできますか?セルフホストのWordPress.orgであれば可能です:Appearance → Theme File Editor(ブロックテーマの場合はTools → Theme File Editor)を開き、footer.phpを開いて、</body>の直前にスニペットを貼り付けてください。ただし、テーマの更新でこの編集が知らないうちに上書きされることがあるため、プラグイン経由のほうが安定します。WordPress.comでは、Theme File Editorはプラグインと同じプラン(Personal以上)で利用でき、無料プランでは使えません。
サイトの表示が遅くなりますか?いいえ。スクリプトは非同期で読み込まれ、ウィジェットは独自のフレームワークを持たずgzip圧縮後50KB未満なので、ページの描画をブロックすることはありません。
今すぐEmbentをあなたのサイトに導入しましょう。答えをでっち上げるくらいなら「わかりません」と言うAIエージェント。Freeプラン、カード登録不要 — ほとんどのサイトが2分以内に回答を始めます。
画面の隅にあるチャットのアイコンが、まさにこのページで動いているEmbent自身です — 私たちについて何でも聞いてみてください。