タグ設置方法

futureshopへの設置方法

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

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

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

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

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

このサービスは </body> の直前に設置します。ページの表示速度に影響しない、もっとも推奨される設置位置です。

AIChatPlusの埋め込みコードをfutureshopに設置する

  1. futureshopにログインします。

    管理画面から「設定」→「プロモーション管理」→「測定タグ一覧」をクリックします。

    futureshopの管理画面:futureshopにログインします。
  2. 「測定タグを追加する」をクリックします。

    futureshopの管理画面:「測定タグを追加する」をクリックします。
  3. 利用設定にて「利用する」を選択、名称設定に「AIChatPlus」と入力します。

  4. 共通出力の項目にて「<body>タグ内(</body>タグの前)に出力する」を選択し、「出力内容」にAIChatPlusの埋め込みコードを追加します。

    futureshopの管理画面:共通出力の項目にて「<body>タグ内(</body>タグの前)に出力する」を選
  5. その他項目は「出力しない」を選択し、「保存する」をクリックします。

    futureshopの管理画面:その他項目は「出力しない」を選択し、「保存する」をクリックします。

以上で設置は完了です

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

設置でお困りですか?

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