Как добавить ИИ-чат-бот Asyntai в TYPO3

Платформа:

TYPO3

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

Шаг 1: Получите код встраивания

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

Шаг 2: Через TypoScript footerData (рекомендуется)

Самый простой способ добавить чат-бот на все страницы — использовать TypoScript footerData:

1. Войдите в бэкенд TYPO3
2. Перейдите в Web → Template
3. Выберите корневую страницу в дереве страниц
4. Нажмите «Edit the whole template record» (или выберите «Info/Modify», а затем «Setup»)
5. В поле Setup добавьте следующий код TypoScript:
   page.footerData.99 = TEXT
page.footerData.99.value = <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
6. Замените YOUR_WIDGET_ID на ваш реальный ID виджета из панели управления
7. Нажмите «Save»
8. Очистить кэш TYPO3: Инструменты администратора → Обслуживание → Сбросить кэш TYPO3 и PHP

Альтернатива: использование пакета сайта (для пакетов сайтов)

Если вы используете пакет сайта, вы можете добавить скрипт через конфигурационный файл TypoScript:

1. Перейдите в папку пакета вашего сайта: packages/your_sitepackage/Configuration/TypoScript/
2. Откройте или создайте setup.typoscript
3. Добавьте следующий код:
   page.footerData {
  99 = TEXT
  99.value = <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
}
4. Замените YOUR_WIDGET_ID на ваш реальный ID виджета
5. Очистить кэш в бэкенде TYPO3

Альтернатива: Через Fluid Template (FooterAssets)

Для сайтов, использующих шаблоны Fluid, вы можете использовать раздел FooterAssets:

1. Перейдите к файлу шаблона Fluid (обычно находится в Resources/Private/Templates/)
2. Добавьте раздел FooterAssets в ваш макет или шаблон:
   <f:section name="FooterAssets">
  <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</f:section>
3. Убедитесь, что макет вашей страницы отображает раздел FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Очистить кэш TYPO3

Альтернатива: использование AssetCollector (для разработчиков)

Для разработчиков расширений TYPO3 v10.3+ предлагает AssetCollector API:

1. В PHP-коде (например, в контроллере или middleware) внедрите AssetCollector
2. Добавьте скрипт с пользовательскими атрибутами:
   use TYPO3\CMS\Core\Page\AssetCollector;

$this->assetCollector->addJavaScript(
  'asyntai_chatbot',
  'https://asyntai.com/static/js/chat-widget.js',
  ['async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID']
);

Шаг 3: Проверка установки

После сохранения изменений и очистки кэша откройте сайт в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.