Πώς να Προσθέσετε το AI Chatbot 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: Αποκτήστε τον Κωδικό Ενσωμάτωσής σας

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

Βήμα 2: Χρήση TypoScript footerData (Συνιστάται)

Ο πιο εύκολος τρόπος για να προσθέσετε το chatbot σε όλες τις σελίδες είναι χρησιμοποιώντας το TypoScript footerData:

1. Συνδεθείτε στο TYPO3 Backend σας
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>(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>
6. Αντικαταστήστε το YOUR_WIDGET_ID με το πραγματικό widget ID από τον πίνακα ελέγχου
7. Κάντε κλικ στο «Αποθήκευση»
8. Εκκαθαρίστε την κρυφή μνήμη του TYPO3: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Εναλλακτική: Χρήση Site Package (Για Site Packages)

Αν χρησιμοποιείτε ένα site package, μπορείτε να προσθέσετε το script μέσω του αρχείου ρυθμίσεων TypoScript:

1. Μεταβείτε στον φάκελο του site package σας: packages/your_sitepackage/Configuration/TypoScript/
2. Ανοίξτε ή δημιουργήστε το αρχείο setup.typoscript
3. Προσθέστε τον παρακάτω κώδικα:
   page.footerData {
  99 = TEXT
  99.value = <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>
}
4. Αντικαταστήστε το YOUR_WIDGET_ID με το πραγματικό widget ID σας
5. Εκκαθαρίστε την κρυφή μνήμη στο backend του TYPO3

Εναλλακτική: Χρήση Fluid Template (FooterAssets)

Για ιστότοπους που χρησιμοποιούν Fluid templates, μπορείτε να χρησιμοποιήσετε την ενότητα FooterAssets:

1. Μεταβείτε στο αρχείο Fluid template σας (συνήθως στο Resources/Private/Templates/)
2. Προσθέστε μια ενότητα FooterAssets στο layout ή template σας:
   <f:section name="FooterAssets">
  <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>
</f:section>
3. Βεβαιωθείτε ότι η διάταξη της σελίδας σας αποδίδει την ενότητα FooterAssets:
   <f:render section="FooterAssets" optional="true" />
4. Εκκαθαρίστε την κρυφή μνήμη του TYPO3

Εναλλακτική: Χρήση AssetCollector (Για Προγραμματιστές)

Για προγραμματιστές extension, το TYPO3 v10.3+ προσφέρει το AssetCollector API:

1. Στον κώδικα PHP σας (π.χ. σε ένα controller ή middleware), εισάγετε το AssetCollector
2. Προσθέστε το script με προσαρμοσμένα χαρακτηριστικά:
   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: Επαληθεύστε την Εγκατάσταση

Αφού αποθηκεύσετε τις αλλαγές σας και εκκαθαρίσετε τη μνήμη cache, επισκεφθείτε τον ιστότοπό σας σε μια νέα καρτέλα προγράμματος περιήγησης ή σε παράθυρο ανώνυμης περιήγησης. Θα πρέπει να δείτε το κουμπί του widget συνομιλίας στην κάτω δεξιά γωνία. Κάντε κλικ για να βεβαιωθείτε ότι ανοίγει και λειτουργεί σωστά.