ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

はじめに
インストール ナレッジベース AIをテスト ウェブサイト管理
カスタマイズ
ウィジェットの色 AIアシスタント名 初期メッセージ ウィジェットの位置 自動トリガー 通知バブル 未読バッジ インストラクションモード 質問を促す 絵文字を使用 メールアドレスの収集 電話番号の収集 スマートリード獲得 ローカライズ ブランディングの非表示 プライバシーリンク カスタム通知文 トランスクリプトのダウンロード 新しい会話 会話履歴 タグラインとステータスドット 音声テキスト変換 チャットアイコン 会社ロゴ 文字数制限 Temperature
AI指示のヒント プラン比較
機能
ウェブサイトクロール 知識のギャップ 商品カード ユーザーコンテキスト ライブモニタリング オペレーター対応 エスカレーション AI通知 デイリーレポート リアルタイムデータフィード リアルタイムデータフィードMax チームメンバー シングルサインオン 画像を含める 画像認識 翻訳ウィジェット ローカライズ リード スマートリード獲得 サポートチケット 予約 ページの除外 ブロックされたIP スマーターモデル 思考モードを有効化 返信候補 フォローアップメッセージ 音声テキスト変換 トランスクリプトのダウンロード 埋め込みチャット
アナリティクス
チャット分析 チャットログ
連携
REST API Instagram Messenger WhatsApp Zapier Email モバイルアプリ
その他
ホーム画面に追加 カスタム開くボタン

BloggerにAsyntai AIチャットボットを追加する方法

Bloggerウェブサイト向けステップバイステップガイド

埋め込みコードの取得
プラットフォーム:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

ステップ1：埋め込みコードを取得する

まず、Asyntaiダッシュボードに移動し、「埋め込みコード」セクションまでスクロールしてください。次のような固有の埋め込みコードをコピーしてください：

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 上記のコードは一例です。個人のウィジェットIDが含まれているため、ダッシュボードから固有の埋め込みコードをコピーしてください。

ステップ2：HTML/JavaScriptガジェットを使用する（推奨）

チャットボットを追加する最も簡単な方法は、Bloggerの組み込みHTML/JavaScriptガジェットを使用することです：

  1. blogger.comでBloggerダッシュボードにログインします
  2. リストからブログを選択します
  3. 左サイドバーの「レイアウト」をクリックしてください
  4. ウィジェットを追加するセクションを見つけます（フッターが推奨）
  5. 「ガジェットを追加」をクリックしてください
  6. Select "HTML/JavaScript" from the gadget list
  7. タイトルを空のままにします（必要に応じて追加可能）
  8. コンテンツエリアにAsyntaiの埋め込みコードを貼り付けます
  9. 「保存」をクリックしてください
  10. Click "Save arrangement" in the Layout page

ヒント: フッターセクションにガジェットを追加すると、ブログのすべてのページで読み込まれます。ガジェットの配置場所に関係なく、チャットボットはフローティングボタンとして表示されます。

代替方法：テーマHTMLを編集する

テーマのHTMLに直接コードを追加することもできます：

  1. 左サイドバーの「テーマ」に移動してください
  2. Click the dropdown arrow next to "Customize"
  3. 「HTMLを編集」を選択してください
  4. Ctrl+F（Macの場合はCmd+F）を押して検索を開きます
  5. </body>を検索します
  6. </body>タグの直前にAsyntaiの埋め込みコードを貼り付けます
  7. 「テーマを保存」をクリックしてください

重要: テーマHTMLを編集する際は、他のコードを削除したり変更したりしないよう注意してください。変更前に「バックアップ」をクリックしてテーマのバックアップを作成することを検討してください。

ステップ3：インストールの確認

変更を保存した後、新しいブラウザタブまたはシークレットウィンドウでブログにアクセスしてください。右下にチャットウィジェットボタンが表示されるはずです。クリックして正しく開いて動作することを確認してください。

ウィジェットが表示されませんか？ Bloggerは変更の適用に数分かかる場合があります。ブラウザのキャッシュをクリアするか、シークレットウィンドウで表示してみてください。ガジェットを追加した後に「保存」をクリックしたことを確認してください。