Asyntai AI Chatbot'u ExpressionEngine'e Nasıl Eklersiniz

Platform:

ExpressionEngine

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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: Şablon Düzenine Ekleyin (Önerilen)

Chatbot'u tüm sayfalara eklemenin en kolay yolu, ExpressionEngine kontrol panelindeki ana düzen şablonunuzu düzenlemektir:

1. EE kontrol panelinde Developer > Templates > Template Groups bölümüne gidin
2. Ana şablon grubunuzu (genellikle "site") açın ve düzen şablonunu (veya tüm sayfaları saran şablonu) düzenleyin
3. Kapanış </body> etiketini bulun
4. Asyntai yerleştirme kodunuzu </body> etiketinden hemen önce yapıştırın:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
5. Şablonu kaydedin

Alternatif Yöntem 1: EE Şablon Parçaları Kullanma

ExpressionEngine Şablon Parçaları, şablonlar arasında dahil edilebilen yeniden kullanılabilir kod parçacıkları oluşturmanıza olanak tanır:

1. Developer > Templates > Template Partials bölümüne gidin
2. Yeni bir partial oluşturmak için _asyntai_widget adıyla "New" düğmesine tıklayın
3. Asyntai yerleştirme kodunuzu partial içeriğine yapıştırın:
   <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
4. Parçayı kaydedin
5. Kapanış </body> etiketinden hemen önce düzen şablonunuza dahil edin:
   {embed="_asyntai_widget"} </body>

Alternatif Yöntem 2: EE'nin HTML Üstbilgi/Altbilgi Kullanma

Bazı ExpressionEngine kurulumları, komut dosyaları eklemek için genel bir footer bölümü sağlar:

1. Settings > Content & Design > Global Template Preferences bölümüne gidin
2. EE kurulumunuzda genel bir altbilgi bölümü varsa, Asyntai yerleştirme kodunu oraya yapıştırın
3. Genel altbilgi bölümü mevcut değilse, ana düzen şablonunuzu doğrudan düzenleyin ve kapanış </body> etiketinden önce yerleştirme kodunu ekleyin:
   <!-- Asyntai AI Chatbot --> <script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script> </body>
4. Değişikliklerinizi kaydedin

Alternatif Yöntem 3: config.php Kullanma

İleri düzey kullanıcılar için, chatbot komut dosyasını ExpressionEngine yapılandırması aracılığıyla veya özel bir eklenti oluşturarak ekleyebilirsiniz:

1. ExpressionEngine proje dosyalarınıza FTP, SSH veya kod editörünüz aracılığıyla erişin
2. system/user/config/ dizinine gidin ve config.php dosyasını açın
3. Özel JavaScript enjeksiyonu için sayfa oluşturulurken komut dosyasını eklemek üzere template_post_parse kancasına bağlanan basit bir EE eklentisi/uzantısı oluşturmayı düşünün:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. YOUR_WIDGET_ID kısmını dashboard'daki gerçek widget kimliğinizle değiştirin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydettiğikten sonra ExpressionEngine web sitenizi 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.