Cara Menambah Chatbot AI Asyntai ke TYPO3

Platform:

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

Langkah 1: Dapatkan Kod Benam Anda

Pertama, pergi ke Papan Pemuka Asyntai anda dan tatal ke bawah ke bahagian "Kod Benam". Salin kod benam unik anda yang akan kelihatan seperti ini:

Langkah 2: Menggunakan TypoScript footerData (Disyorkan)

Cara paling mudah untuk menambah chatbot ke semua halaman adalah menggunakan TypoScript footerData:

1. Log masuk ke Backend TYPO3 anda
2. Pergi ke Web → Template
3. Pilih halaman akar anda dalam pepohon halaman
4. Klik pada "Edit the whole template record" (atau pilih "Info/Modify" dan kemudian "Setup")
5. Dalam medan Setup, tambah kod TypoScript berikut:
   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. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda dari papan pemuka
7. Klik "Save"
8. Kosongkan cache TYPO3: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Alternatif: Menggunakan Pakej Laman (Untuk Pakej Laman)

Jika anda menggunakan pakej laman, anda boleh menambah skrip melalui fail konfigurasi TypoScript anda:

1. Navigasi ke folder pakej laman anda: packages/your_sitepackage/Configuration/TypoScript/
2. Buka atau cipta setup.typoscript
3. Tambah kod berikut:
   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. Gantikan YOUR_WIDGET_ID dengan ID widget sebenar anda
5. Kosongkan cache dalam backend TYPO3

Alternatif: Menggunakan Templat Fluid (FooterAssets)

For sites using Fluid templates, you can use the FooterAssets section:

1. Navigasi ke fail templat Fluid anda (biasanya dalam Resources/Private/Templates/)
2. Tambah bahagian FooterAssets dalam layout atau templat anda:
   <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. Pastikan layout halaman anda memaparkan bahagian FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Kosongkan cache TYPO3

Alternatif: Menggunakan AssetCollector (Untuk Pembangun)

Untuk pembangun sambungan, TYPO3 v10.3+ menawarkan API AssetCollector:

1. Dalam kod PHP anda (contohnya, pengawal atau middleware), suntik AssetCollector
2. Tambah skrip dengan atribut tersuai:
   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']
);

Langkah 3: Sahkan Pemasangan

Selepas menyimpan perubahan anda dan mengosongkan cache, lawati laman web anda dalam tab pelayar baharu atau tetingkap inkognito. Anda sepatutnya melihat butang widget sembang di sudut kanan bawah. Klik untuk memastikan ia terbuka dan berfungsi dengan betul.