كيفية إضافة روبوت الدردشة Asyntai AI إلى ExpressionEngine

المنصة:

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

الخطوة 1: احصل على كود التضمين

أولاً، انتقل إلى لوحة تحكم Asyntai وانتقل لأسفل إلى قسم "Embed Code". انسخ كود التضمين الفريد الذي سيبدو هكذا:

الخطوة 2: الإضافة إلى تخطيط القالب (موصى بها)

أسهل طريقة لإضافة روبوت الدردشة إلى جميع الصفحات هي تعديل قالب التخطيط الرئيسي في لوحة تحكم ExpressionEngine:

1. في لوحة تحكم EE، انتقل إلى Developer > Templates > Template Groups
2. افتح مجموعة القوالب الرئيسية (عادةً "site") وعدّل قالب التخطيط (أو القالب الذي يغلف جميع الصفحات)
3. ابحث عن وسم الإغلاق </body>
4. الصق كود تضمين Asyntai الخاص بك قبل وسم </body> مباشرة:
   <!-- Asyntai AI Chatbot --> <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> </body>
5. احفظ القالب

الطريقة البديلة 1: استخدام أجزاء قوالب EE

تتيح لك أجزاء قوالب ExpressionEngine إنشاء مقتطفات قابلة لإعادة الاستخدام يمكن تضمينها عبر القوالب:

1. انتقل إلى Developer > Templates > Template Partials
2. انقر على "New" لإنشاء جزء جديد باسم _asyntai_widget
3. الصق كود Asyntai المضمّن في محتوى الجزء:
   <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. احفظ الجزء
5. أدرجه في قالب التخطيط قبل وسم الإغلاق </body> مباشرةً:
   {embed="_asyntai_widget"} </body>

الطريقة البديلة 2: استخدام رأس/تذييل HTML في EE

توفر بعض إعدادات ExpressionEngine قسم تذييل عام لإضافة السكريبتات:

1. انتقل إلى Settings > Content & Design > Global Template Preferences
2. إذا كان إعداد EE الخاص بك يحتوي على قسم تذييل عام، الصق كود Asyntai المضمّن هناك
3. إذا لم يكن قسم التذييل العام متاحاً، عدّل قالب التخطيط الرئيسي مباشرةً وأضف كود التضمين قبل وسم الإغلاق </body>:
   <!-- Asyntai AI Chatbot --> <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> </body>
4. احفظ تغييراتك

الطريقة البديلة 3: استخدام config.php

للمستخدمين المتقدمين، يمكنك حقن سكريبت روبوت الدردشة من خلال إعدادات ExpressionEngine أو بإنشاء إضافة مخصصة:

1. ادخل إلى ملفات مشروع ExpressionEngine عبر FTP أو SSH أو محرر الكود
2. انتقل إلى مجلد system/user/config/ وافتح config.php
3. لحقن JavaScript مخصص، فكّر في إنشاء إضافة/امتداد EE بسيط يتصل بخطاف template_post_parse لحقن السكريبت عند عرض الصفحة:
   // In your custom extension public function template_post_parse($final_template, $is_partial, $site_id) { $script = '<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>'; $final_template = str_replace('</body>', $script . '</body>', $final_template); return $final_template; }
4. استبدل YOUR_WIDGET_ID بمعرّف الأداة الفعلي من لوحة التحكم

الخطوة 3: التحقق من التثبيت

بعد حفظ تغييراتك، قم بزيارة موقع ExpressionEngine في علامة تبويب جديدة أو نافذة تصفح متخفي. يجب أن ترى زر أداة الدردشة في الزاوية السفلية اليمنى. انقر عليه للتأكد من أنه يفتح ويعمل بشكل صحيح.