タグ設置方法

Googleタグマネージャーへの設置方法

AIChatPlusの埋め込みコードをGoogleタグマネージャーのサイトに設置する手順です。
所要時間はおよそ5分。専門知識は必要ありません。

はじめに:埋め込みコードを用意する

AIChatPlusの管理画面 → チャットボット設定 → 埋め込みコード から、 お使いのチャットボット専用のコードをコピーしてください。以下の1行です。

埋め込みコード
<script src="https://widget.ai-chat-plus.com/widget.js" data-chatbot-key="発行されたキー"></script>

data-chatbot-key はチャットボットごとに異なります。必ず管理画面で発行されたものをお使いください。

Googleタグマネージャー経由での設置になります。タグマネージャーの設定内容によっては配信されない場合があります。うまく動作しないときは お問い合わせ ください。

AIChatPlusの埋め込みコードをGoogleタグマネージャーのコンテナに設置する

  1. Googleタグマネージャーにログインします。

    左の「タグ」をクリックし、「新規」をクリックします。

    Googleタグマネージャーの管理画面:Googleタグマネージャーにログインします。
  2. タグの設定をクリックし、右側のタグタイプから「カスタムHTML」を選択します。

    Googleタグマネージャーの管理画面:タグの設定をクリックし、右側のタグタイプから「カスタムHTML」を選択します。
  3. カスタムHTMLのHTML入力欄にAIChatPlusの埋め込みコードを貼り付けて、「トリガー」をクリックします。

    Googleタグマネージャーの管理画面:カスタムHTMLのHTML入力欄にAIChatPlusの埋め込みコードを貼り付け
  4. 「トリガーの設定」から「All Pages」を選択します。

    Googleタグマネージャーの管理画面:「トリガーの設定」から「All Pages」を選択します。
  5. 配信トリガーに「All Pages」が追加されるので、右上の「保存」をクリックします。

    Googleタグマネージャーの管理画面:配信トリガーに「All Pages」が追加されるので、右上の「保存」をクリックし
  6. 下記のように設定タグが一覧に追加されるので、右上の「公開」をクリックします。

    Googleタグマネージャーの管理画面:下記のように設定タグが一覧に追加されるので、右上の「公開」をクリックします。
  7. 公開するバージョンの情報を入力し、右上の「公開」をクリックします。

    Googleタグマネージャーの管理画面:公開するバージョンの情報を入力し、右上の「公開」をクリックします。

以上で設置は完了です

サイトを再読み込みして、画面の右下にチャットボットが表示されるかご確認ください。 表示されない場合はブラウザのキャッシュを削除してから、もう一度お試しください。

設置でお困りですか?

設置代行も承っています。うまく表示されないときもお気軽にご相談ください。