ダッシュボードに戻る

ドキュメント

Asyntaiの使い方を学ぶ

はじめに
インストール ナレッジベース AIがコンテンツにアクセスする仕組み ウェブサイトを接続 AIをテスト ウェブサイト管理
カスタマイズ
チャットボタンのデザイン チャットボタンのアイコン ウィジェットの色 AIアシスタント名 初期メッセージ ウィジェットの位置 自動トリガー 挨拶バブル 未読バッジ インストラクションモード 質問を促す 絵文字を使用 メールアドレスの収集 電話番号の収集 スマートリード獲得 ローカライズ ブランディングの非表示 プライバシーリンク カスタム通知文 トランスクリプトのダウンロード 新しい会話 会話履歴 タグラインとステータスドット 音声テキスト変換 チャットアイコン 会社ロゴ 文字数制限 Temperature
AI指示のヒント 他のチャットボットからの移行 プラン比較
機能
Ask AI バー AI 検索バー WordPress のための AI 検索 AI Search for Joomla AI Search for Webflow AI Search for Ghost AI Search for Moodle AI Search for TYPO3 AI Search for Craft CMS AI Search for Grav AI Search for Concrete CMS AI Search for October CMS AI Search for ProcessWire AI Search for Odoo AI Search for Bagisto AI Search for Medusa AI Search for OpenCart AI Search for BigCommerce AI Search for Magento ウェブサイトクロール 知識のギャップ 商品カード 動的商品カード ダイナミック画像 ユーザーコンテキスト カスタムツール リンクパラメータ ライブモニタリング オペレーター対応 エスカレーション AI通知 デイリーレポート リアルタイムデータフィード リアルタイムデータフィードMax チームメンバー シングルサインオン 二要素認証 画像を含める 画像認識 翻訳ウィジェット ローカライズ AIの透明性 リード スマートリード獲得 サポートチケット チャットのカテゴリ 予約 埋め込み ページの除外 ブロックされたIP データ保存ポリシー ゼロ保存モード 個人情報マスキング 出力クラシファイア Access Tags ウィジェットのバージョン固定 監査ログ よりスマートなモデル 思考モードを有効化 返信候補 フォローアップメッセージ 音声テキスト変換 トランスクリプトのダウンロード 埋め込みチャット iframe による埋め込み
アナリティクス
チャット分析 チャットログ
連携
REST API MCP コネクタ Instagram Messenger WhatsApp Discord Zulip GitHub GitHub Actions CircleCI Bitrix24 phpBB MyBB Simple Machines NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling FreeScout Crisp Airtable Trello Matomo Shoplazza SHOPLINE Jumpseller ShopRenter Shift4Shop ActiveCampaign Browser Extension Raycast Astro Nuxt Obsidian LiveChat Elgg thirty bees Frappe / ERPNext Clover Grafana Airbyte Meltano Attio Figma Canva Stripe SuiteCRM YouTrack Redmine Kit nopCommerce Nuvemshop Squarespace Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki MediaWiki DokuWiki ownCloud Webex Activepieces Albato Zapier Email Notion Gmail Google Sheets GitBook Confluence Jira Service Management Contao Zoho Desk モバイルアプリ
その他
ホーム画面に追加 カスタムオープンボタン AIに質問ボタン 支払いに失敗しましたか？
AIに質問

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

HubSpot CMSウェブサイト向けのステップバイステップガイド

埋め込みコードの取得
プラットフォーム:
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：埋め込みコードを取得する

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

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

ステップ2：サイト設定の使用（推奨）

HubSpotウェブサイトのすべてのページにチャットボットを追加する最も簡単な方法：

  1. HubSpotアカウントにログインします
  2. メインナビゲーションバーの設定アイコン（歯車）をクリックします
  3. 左サイドバーでWebsite > Pagesに移動します
  4. "Site footer HTML"セクションまでスクロールします
  5. テキストエリアにAsyntaiの埋め込みコードを貼り付けます
  6. ページ下部の"Save"をクリックします

ヒント: サイトフッターHTMLにスクリプトを追加することで、メインコンテンツの後にすべてのページで読み込まれるようになります。これはチャットウィジェットに推奨される配置です。

代替方法：ページ固有のインストール

特定のページにのみチャットボットを表示したい場合：

  1. Marketing > Website > Website Pages（またはLanding Pages）に移動します
  2. 編集したいページをクリックします
  3. ページエディターで、上部のSettingsをクリックします
  4. "Advanced options"までスクロールします
  5. "Footer HTML"セクションを見つけます
  6. Asyntaiの埋め込みコードを貼り付けます
  7. "Apply changes"をクリックしてページを公開します

注記: ページ固有のコードはその特定のページでのみ読み込まれます。サイト全体ではなく特定のページにチャットボットを表示したい場合にこの方法を使用してください。

代替方法：デザインマネージャーの使用

より細かい制御が必要な場合は、デザインマネージャーからJavaScriptファイルを追加できます：

  1. Marketing > Files and Templates > Design Toolsに移動します
  2. 左サイドバーでFile > New fileをクリックします
  3. ドロップダウンから"JavaScript"を選択します
  4. ファイルに名前を付けます（例：asyntai-chatbot.js）
  5. 以下のコードを追加します：
    (function() {
      var script = document.createElement('script');
      script.async = true;
      script.src = 'https://asyntai.com/static/js/chat-widget.js';
      script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
      document.body.appendChild(script);
    })();
  6. YOUR_WIDGET_IDを実際のウィジェットIDに置き換えてください
  7. "Publish changes"をクリックします
  8. テンプレートでrequire_jsを使用してこのファイルをインクルードするか、サイト設定でリンクします

代替方法：カスタムモジュールの使用

チャットボット用の再利用可能なモジュールを作成します：

  1. Marketing > Files and Templates > Design Toolsに移動します
  2. File > New file > Moduleをクリックします
  3. 名前を"Asyntai Chatbot"にします
  4. module.htmlファイルに埋め込みコードを貼り付けます
  5. モジュールを公開します
  6. テンプレートのフッターセクションにモジュールを追加するか、個々のページにドラッグします

ヒント: カスタムモジュールを使用すると、ドラッグ＆ドロップエディターで特定のテンプレートやページにチャットボットを簡単に追加または削除できます。

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

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

ウィジェットが表示されませんか？ コードを追加した後に「保存」または「公開」をクリックしたことを確認してください。HubSpotはページをキャッシュするため、シークレットウィンドウでサイトを表示するか、ブラウザのキャッシュをクリアしてみてください。特定のページにコードを追加した場合は、そのページが公開されていることを確認してください。

HubSpot CMS Hubが必要です： カスタムJavaScriptの追加にはHubSpot CMS Hub（Starter、Professional、またはEnterprise）が必要です。無料のHubSpot CMSツールを使用している場合、カスタムスクリプトの追加オプションが制限される場合があります。