TYPO3'e Asyntai AI Chatbot Nasıl Eklenir

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

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

Adım 2: TypoScript footerData Kullanma (Önerilen)

Chatbot'u tüm sayfalara eklemenin en kolay yolu TypoScript footerData kullanmaktır:

1. TYPO3 Backend'inize giriş yapın
2. Web → Template bölümüne gidin
3. Sayfa ağacında kök sayfanızı seçin
4. "Edit the whole template record" seçeneğine tıklayın (veya "Info/Modify" ve ardından "Setup" seçin)
5. Setup alanına aşağıdaki TypoScript kodunu ekleyin:
   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 kısmını dashboard'daki gerçek widget kimliğinizle değiştirin
7. "Kaydet"'e tıklayın
8. TYPO3 önbelleğini temizleyin: Admin Tools → Maintenance → Flush TYPO3 and PHP Cache

Alternatif: Site Paketi Kullanma (Site Paketleri İçin)

Bir site paketi kullanıyorsanız, betiği TypoScript yapılandırma dosyanız aracılığıyla ekleyebilirsiniz:

1. Site paketi klasörünüze gidin: packages/your_sitepackage/Configuration/TypoScript/
2. setup.typoscript dosyasını açın veya oluşturun
3. Aşağıdaki kodu ekleyin:
   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 kısmını gerçek widget kimliğinizle değiştirin
5. TYPO3 backend'inde önbelleği temizleyin

Alternatif: Fluid Template Kullanma (FooterAssets)

Fluid şablonları kullanan siteler için FooterAssets bölümünü kullanabilirsiniz:

1. Fluid şablon dosyanıza gidin (genellikle Resources/Private/Templates/ içinde)
2. Düzeninize veya şablonunuza bir FooterAssets bölümü ekleyin:
   <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. Sayfa düzeninizin FooterAssets bölümünü render ettiğinden emin olun:
   <f:render section="FooterAssets" optional="true" />
4. TYPO3 önbelleğini temizleyin

Alternatif: AssetCollector Kullanma (Geliştiriciler İçin)

Eklenti geliştiricileri için TYPO3 v10.3+ AssetCollector API sunar:

1. PHP kodunuzda (örneğin, bir controller veya middleware), AssetCollector'ı enjekte edin
2. Betiği özel niteliklerle ekleyin:
   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']
);

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydedip önbelleği temizledikten sonra, web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget'ı düğmesini görmelisiniz. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.