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

دليل خطوة بخطوة لـ Google Sites

المنصة:

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

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

<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>

ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.

الخطوة 2: إضافة الكود باستخدام ميزة التضمين

يستخدم Google Sites ميزة التضمين لإضافة كود HTML وJavaScript مخصص:

على الكمبيوتر، افتح موقعك في Google Sites
انتقل إلى الصفحة التي تريد إضافة روبوت الدردشة إليها
انقر على "Insert" في اللوحة على اليمين
حدد "Embed" من الخيارات
انقر على علامة تبويب "Embed code" في الأعلى
الصق كود Asyntai المضمّن في مربع النص
انقر على "Next" لمعاينة كيف سيبدو
انقر على "Insert" لإضافة الكود إلى صفحتك
انقر على "Publish" في أعلى اليمين لنشر تغييراتك

نصيحة: يغلف Google Sites التضمينات في iframe، لذا سيظهر روبوت الدردشة داخل منطقة التضمين بدلاً من تثبيته في زاوية المتصفح. للحصول على أفضل تجربة، ضع عنصر التضمين في أسفل محتوى صفحتك حتى يسهل العثور على زر روبوت الدردشة.

الإضافة إلى صفحات متعددة

لإضافة روبوت الدردشة إلى صفحات متعددة في موقع Google الخاص بك:

كرّر عملية التضمين لكل صفحة تريد روبوت الدردشة فيها
للمواقع ذات الصفحات الكثيرة، فكّر في إضافته إلى صفحات الهبوط الرئيسية أولاً

ملاحظة: لا يوفر Google Sites مكاناً واحداً للكود يشمل الموقع بأكمله. أضف كود التضمين إلى كل صفحة تريد أن يظهر فيها روبوت الدردشة.

كيف يتعامل Google Sites مع الكود المضمّن

فهم كيفية معالجة Google Sites للكود الخاص بك:

يعرض Google Sites الكود الخاص بك داخل عنصر <iframe>
يجب أن يكون JavaScript ضمن وسوم <script> (التي يتضمنها كود Asyntai بالفعل)
يمكنك الإشارة إلى ملفات JavaScript خارجية (مثل أداة Asyntai)

مهم: نظراً لأن Google Sites يعرض الكود داخل iframe، فقد تعمل بعض الميزات بشكل مختلف عن المواقع الأخرى. روبوت الدردشة Asyntai مصمم للعمل داخل هذا الـ iframe.

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

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