導入ガイド / Google Tag Manager
Google Tag ManagerでEmbentを導入
すでにGoogle Tag Managerを使っていますか?EmbentをCustom HTMLタグとして追加するだけです — サイトのコードへの直接アクセスは不要です。
始める前に
- サイトにすでにGoogle Tag Managerコンテナが導入されており、公開権限があること。
- サイトがGTMのconsent設定に連携した同意バナーを使用している場合、訪問者が応答するまでタグが遅延またはブロックされることがあります — 詳しくはFAQを参照してください。
手順
1
埋め込みスニペットをコピー
Embentのダッシュボードでボットの Overview を開き、埋め込みスニペットをコピーしてください。次のような内容です:
<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>2
Custom HTMLタグを作成
Tag Managerで Tags → New に進み、Tag Configuration で Custom HTML を選択します。HTML欄にスニペットを貼り付けます。
3
すべてのページで発火させて公開
Triggeringで、すべてのページを対象としたPage Viewトリガーを選択します(多くのコンテナにはすでに選択できる「All Pages」トリガーがあります)。これでタグはすべてのページ読み込み時に発火します。タグを保存し、Submit → Publish をクリックして公開します。
動作確認
Previewモードでタグが発火することを確認してから公開し、公開中のサイトを再読み込みしてください。チャットのアイコンが画面の隅に表示されます。自分のページについて質問すると、引用付きで回答するはずです。
うまくいかない場合
試してもウィジェットが表示されませんか?ほとんどのケースはこちらで解決します。
埋め込みコードを追加したのにウィジェットが表示されません — チャットのアイコンもボタンも何も出てきません「ウィジェットが表示されない」というケースのほとんどは、次の4点で解決します。まず、公開中のサイトを開いてページのソースを表示し(右クリック → ページのソースを表示)、「embent」を検索してください — スクリプトが見つからない場合、そのコードは公開済みのページに保存されていません。次に、スニペット内のdata-bot IDが、ダッシュボードのSettingsに表示されているものと一致しているか確認してください。3つ目に、サイトのページキャッシュとCDNキャッシュをクリアしてください — キャッシュされたページはウィジェットのない古いバージョンを表示し続けます。4つ目に、ダッシュボードでボットが一時停止(paused)されていないか確認してください — 一時停止中のボットは、意図的に訪問者に何も表示しません。
GTMのpreviewではタグが発火するのに、訪問者はCookieに同意した後でないとウィジェットが見えませんこれは、訪問者が同意するまでCookie同意ツールが未承認のスクリプトをブロックしているためです。Embentのウィジェットはトラッキングや広告のCookieを設定しません — 再訪問時に会話を継続できるよう、localStorageに機能上必要な1つのキーを保持するだけです。同意ツール側でEmbentのタグを「functional(機能)」または「necessary(必須)」に分類すれば、ウィジェットはすぐに訪問者に挨拶できるようになります。
よくある質問
タグを公開したのに、なぜウィジェットが表示されないのですか?サイトがGTMのconsent設定に連携した同意バナーを使用している場合、同意要件のあるタグは訪問者が応答するまで遅延またはブロックされることがあります。タグの Advanced Settings → Consent Settings を確認するか、同意条件のない通常のページ読み込みトリガーで発火させてください。
それでもサイトのコードに直接スニペットを追加する必要がありますか?いいえ。Custom HTMLタグがGTMで公開されれば、GTMコンテナが導入されているすべてのページでウィジェットが読み込まれます — これこそが、手動でコードを編集する代わりにGTMを使う意味です。
ページが遅くなったり、他のタグに影響したりしますか?いいえ。ウィジェットのスクリプトは非同期で読み込まれ、gzip圧縮後50KB未満です — 他のタグやdataLayerには影響しません。
今すぐEmbentをあなたのサイトに導入しましょう。答えをでっち上げるくらいなら「わかりません」と言うAIエージェント。Freeプラン、カード登録不要 — ほとんどのサイトが2分以内に回答を始めます。
画面の隅にあるチャットのアイコンが、まさにこのページで動いているEmbent自身です — 私たちについて何でも聞いてみてください。