Asyntai AI Chatbot TYPO3'e 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. Replace YOUR_WIDGET_ID with your actual widget ID
5. TYPO3 backend'inde önbelleği temizleyin

Alternatif: Fluid Template Kullanma (FooterAssets)

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

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)

For extension developers, TYPO3 v10.3+ offers the AssetCollector API:

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 website yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede sohbet widget'ı düğmesini görmeniz gerekir. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.