أداة دردشة جافاسكريبت: أضف دردشة فورية مدعومة بالذكاء الاصطناعي إلى أي موقع ويب بسطر نص برمجي واحد
سطر واحد من جافاسكريبت. لا حزم npm، لا تبعيات إطار عمل، لا خطوات بناء. الصق وسم نص برمجي في HTML الخاص بك وسيحصل موقعك على أداة دردشة تعمل بالذكاء الاصطناعي تقرأ المحتوى الخاص بك وتجيب على أسئلة الزوار — على أي مكدس تقني، بـ 36 لغة.
شاهد كيف يجيب الذكاء الاصطناعي على الأسئلة على موقعك
الصق أي عنوان URL لموقع ويب أدناه. يقرأ الذكاء الاصطناعي صفحاتك ويبدأ في الإجابة على أسئلة الزوار باستخدام المحتوى الخاص بك — لا إعداد، لا ملفات تهيئة، ولا مفاتيح API لإدارتها.
تُجبرك معظم أدوات الدردشة على تبني نظام بيئي كامل قبل أن تتمكن من تحية زائر
يجب أن يكون إضافة الدردشة المباشرة إلى موقع ويب أمرًا بسيطًا. بدلاً من ذلك، تسحب معظم حلول أدوات الدردشة سلسلة من التبعيات التي تحول مهمة الخمس دقائق إلى مشروع هندسي. أنت بحاجة إلى حزمة npm، والتي تتطلب Node.js، والتي تتطلب مسار بناء، والذي يتطلب تهيئة مجمّع (bundler) يتوافق مع أي إطار عمل تستخدمه. لا يعمل غلاف React مع مشروع Vue الخاص بك. الوحدة النمطية لـ Angular لا تدعم إصدارك. الخيار الخاص بجافاسكريبت العادي موجود تقنيًا ولكن الوثائق تفترض أنك تقوم بتشغيل Webpack بالفعل باستخدام مُحمّل وحدات (module loader). قبل أن يسأل زائر واحد سؤالاً واحدًا، تكون قد أحرقت ساعات في محاربة مديري الحزم، وحل تعارضات تبعيات النظراء (peer dependency conflicts)، وتصحيح أخطاء البناء التي لا علاقة لها بالدردشة. موقعك التسويقي المبني على HTML و CSS العادي؟ الآن يحتاج إلى بيئة Node فقط لعرض فقاعة الدردشة في الزاوية. موقع ووردبريس الخاص بعميلك في الوكالة؟ حظاً سعيداً في شرح سبب حاجتهم إلى تثبيت Node على الاستضافة الخاصة بهم. وفي الوقت نفسه، هدفك الفعلي — السماح للزوار بطرح الأسئلة والحصول على إجابات — يبقى في قائمة المهام خلف أعمال البنية التحتية التي لم يكن من الضروري أن تكون موجودة. أداة الدردشة هي عنصر واجهة مستخدم، وليست التزامًا بمنصة. Asyntai تتعامل معها على هذا النحو. وسم نص برمجي واحد في HTML الخاص بك — نفس سطر الكود بغض النظر عما إذا كان موقعك يعمل بـ React أو Vue أو Angular أو Svelte أو Astro أو Next.js أو HTML العادي أو مُنشئ موقع ثابت أو نظام إدارة محتوى (CMS) أو إطار عمل مُصيّر من جانب الخادم (server-rendered framework) قمت ببنائه بنفسك. لا توجد حزم للتثبيت. لا يوجد تهيئة بناء للصيانة. لا توجد تبعية وقت تشغيل تتعطل عند ترقية شيء آخر. يقوم النص البرمجي بالتحميل بشكل غير متزامن، ويُصيّر الأداة، ويبدأ في الإجابة على أسئلة الزوار باستخدام المحتوى الموجود على موقعك.
- يعمل على كل مكدس تقني دون تكييفتطبيق صفحة واحدة بـ React، موقع PHP مُصيّر من جانب الخادم، معرض أعمال HTML ثابت، مدونة Jekyll، موقع وثائق Hugo، تطبيق Rails — رمز التضمين متطابق في كل حالة. أنت تلصق وسم النص البرمجي قبل وسم إغلاق body و تظهر أداة الدردشة. لا يوجد غلاف خاص بالإطار لتهيئته، ولا دليل تكامل لاتباعه، ولا مصفوفة توافق للتحقق منها. إذا كان المتصفح يمكنه تشغيل جافاسكريبت، فإن الأداة تعمل.
- صفر تأثير على مسار البناء الحالي لديكيتم تحميل الأداة من شبكة توصيل محتوى (CDN) كنص برمجي مستقل. لا تدخل في شجرة التبعيات الخاصة بك، ولا تظهر في ملف package.json الخاص بك، ولا تشارك في عملية البناء الخاصة بك. ترقية React، أو التبديل من Webpack إلى Vite، أو الترحيل من Vue 2 إلى Vue 3 ليس له أي تأثير على أداة الدردشة. إنها تعمل بشكل مستقل عن كود تطبيقك، مما يعني أنها لا تسبب فشلاً في البناء أبدًا ولا تحتاج إلى زيادة في الإصدار.
- يتم تحميله بشكل غير متزامن دون حظر عرض الصفحةيستخدم وسم النص البرمجي السمة async، لذلك يتم تحميل محتوى صفحتك أولاً وتظهر أداة الدردشة بمجرد انتهاء المتصفح من التصيير. يرى الزوار المحتوى الخاص بك على الفور — تهيئة الأداة في الخلفية دون أن تضيف إلى وقت تحميل صفحتك. لا يوجد وميض لمحتوى غير مُصمم (FOUC)، ولا تحول في التخطيط، ولا مورد يحظر التصيير يبطئ من درجة Lighthouse الخاصة بك.
قم بتوصيل واجهات برمجة التطبيقات الخلفية (APIs) الخاصة بك ودع أداة الدردشة تسحب البيانات الحية أثناء المحادثات
تجيب أداة الدردشة على أسئلة الزوار من محتوى موقعك فورًا — صفحات المنتجات، والوثائق، وجداول الأسعار، وأقسام الأسئلة الشائعة، وصفحات حول الموقع. لكن بعض الأسئلة تتطلب بيانات في الوقت الفعلي لا تعيش على صفحة ثابتة. تتيح لك الأدوات المخصصة (Custom Tools) — المتوفرة في خطتي Standard (139 دولارًا شهريًا) و Pro (449 دولارًا شهريًا) — لأداة الدردشة استدعاء واجهات برمجة التطبيقات REST الخاصة بك أثناء المحادثة، حتى يحصل الزوار على إجابات حية بدلاً من معلومات قديمة.
- المخزون والتوافر في الوقت الفعليقم بتوصيل أداة مخصصة بواجهة برمجة تطبيقات المنتج الخاصة بك. عندما يسأل زائر "هل نموذج 256 جيجابايت متوفر؟"، تستعلم الأداة عن نظام المخزون الخاص بك وتستجيب بتوافرها الحالي، وتواريخ إعادة التخزين المتوقعة، والتسعير — يتم سحبها مباشرة من قاعدة بياناتك، وليس تخزينها مؤقتًا من صفحة تمت فهرستها.
- حالة الطلب دون تذكرة دعماسمح للزوار بكتابة رقم طلبهم في أداة الدردشة والحصول على تحديث فوري. تستدعي الأداة واجهة برمجة تطبيقات تتبع الطلبات الخاصة بك وتعرض حالة الشحن، ورقم التتبع، وتاريخ التسليم المقدر. لا يوجد قائمة انتظار دعم، ولا تبادل للبريد الإلكتروني، ولا وقت انتظار على الهاتف.
- عمليات البحث عن الحسابات والحجوزاتبالنسبة لمنتجات SaaS، ومواقع الخدمات، والمواقع المعتمدة على المواعيد، تتيح الأدوات المخصصة لأداة الدردشة التحقق من حالة الاشتراك، أو المواعيد القادمة، أو أرصدة الحساب عن طريق الاستعلام عن الواجهة الخلفية الخاصة بك. الزائر الذي يسأل "متى موعدي القادم؟" يحصل على الإجابة من نظام الجدولة الخاص بك في الوقت الفعلي.
- التسعير والاقتباس الديناميكيإذا كان التسعير الخاص بك يعتمد على التكوين أو الكمية أو شريحة العملاء، فيمكن للأداة المخصصة حساب عروض الأسعار أثناء التنقل. تجمع الأداة المتطلبات من خلال المحادثة — الحجم، والكمية، وسرعة التسليم — وتستدعي نقطة نهاية التسعير الخاصة بك لإرجاع عرض أسعار دقيق دون أن يملأ الزائر نموذجًا.
- 36 لغة مع الكشف التلقائيالزائر الذي يتصفح موقعك باللغة الإنجليزية في طوكيو يحصل على إجابات باللغة اليابانية. الزائر من ساو باولو يحصل على إجابات باللغة البرتغالية. يكتشف الذكاء الاصطناعي لغة الزائر تلقائيًا ويرد بالمثل — 36 لغة مدعومة في كل خطة، دون تكلفة إضافية. لا يلزم ترجمة محتوى موقعك.
أضف أداة دردشة جافاسكريبت إلى موقعك
لا حزم، لا أدوات سطر أوامر، لا خطوات بناء. أربع خطوات ويصبح موقعك مزودًا بأداة دردشة تعمل بالذكاء الاصطناعي تجيب على أسئلة الزوار.
- اختر خطة على asyntai.com/pricing — تمنحك الخطة المجانية موقعًا واحدًا و 100 رسالة شهريًا للاختبار بحركة مرور الزوار الفعلية.
- أضف عنوان URL لموقعك في لوحة التحكم. يقوم الذكاء الاصطناعي بفهرسة ما يصل إلى 50 صفحة — أوصاف المنتجات، والوثائق، وأقسام الأسئلة الشائعة، وصفحات الأسعار، وصفحات حول الموقع — ويبني قاعدة معارفه من المحتوى الموجود لديك.
- خصص مظهر أداة الدردشة. اضبط ألوان علامتك التجارية، والصورة الرمزية، ورسالة الترحيب، والموضع. أضف أي محتوى تكميلي — ملفات PDF، ومقالات قاعدة المعارف، ووثائق السياسات — كملفات مُحمّلة لتغطية المعلومات التي تتجاوز ما تحتويه صفحات الويب الخاصة بك.
- انسخ وسم النص البرمجي المكون من سطر واحد والصقه في HTML الخاص بك — قبل وسم إغلاق
</body>، في رأس القالب الخاص بك، أو أينما يقوم موقعك بتحميل النصوص البرمجية الخارجية. تصبح الأداة مباشرة على الهواء فورًا.
<script src="https://asyntai.com/widget.js"
data-id="your-site-id" async>
</script>
# لا npm. لا مجمّع. لا تبعيات.
# يعمل على React أو Vue أو Angular أو HTML العادي.
أداة دردشة جافاسكريبت — الأسئلة الشائعة
أسئلة شائعة من المطورين وأصحاب المواقع حول إضافة أداة دردشة جافاسكريبت إلى مواقعهم.
هل يعمل هذا مع React و Vue و Angular والأطر الأخرى؟
نعم. يتم تحميل أداة الدردشة كنص برمجي مستقل من مصدر خارجي — فهي لا تتفاعل مع شجرة مكونات إطار عملك، أو إدارة الحالة، أو دورة التصيير. أنت تلصق وسم النص البرمجي نفسه في تطبيق React، أو مشروع Vue، أو تطبيق Angular، أو موقع Svelte، أو صفحة HTML عادية. لا يوجد غلاف خاص بالإطار، ولا حزمة محول، ولا خطوة تكامل. يتم تصيير الأداة بشكل مستقل في DOM ولا تتعارض مع كود تطبيقك. إذا كان موقعك يشغل جافاسكريبت في متصفح، فإن الأداة تعمل عليه.
هل سيبطئ موقعي؟
لا. يتم تحميل النص البرمجي بشكل غير متزامن، مما يعني أنه لا يحظر عرض صفحتك. يتم تحميل محتوى HTML و CSS والمحتوى المرئي أولاً — تهيئة أداة الدردشة في الخلفية بعد أن يصبح الموقع تفاعليًا. النص البرمجي نفسه خفيف ويتم تقديمه من شبكة توصيل محتوى (CDN)، لذا فإن أوقات التحميل ضئيلة بغض النظر عن موقع الزائر. إنه لا يضيف إلى مسار التصيير الحرج الخاص بك ولا يؤثر على مؤشرات أداء الويب الأساسية (Core Web Vitals) أو درجة أداء Lighthouse.
كيف يعرف الذكاء الاصطناعي ما يجب قوله عن موقعي؟
عندما تضيف عنوان URL لموقعك في لوحة التحكم، يقوم الذكاء الاصطناعي بفهرسة ما يصل إلى 50 صفحة ويقرأ المحتوى — أوصاف المنتجات، والوثائق، ومعلومات التسعير، وصفحات الأسئلة الشائعة، وصفحات حول الموقع، ووثائق السياسات، وأي شيء آخر متاح للجمهور. يستخدم هذا المحتوى للإجابة على أسئلة الزوار. إنه لا يبتكر معلومات غير موجودة على موقعك. يمكنك أيضًا تحميل مستندات إضافية — ملفات PDF، ومقالات قاعدة المعارف، والأدلة الداخلية — لتوسيع معرفة روبوت الدردشة بما يتجاوز صفحات الويب المنشورة لديك.
هل يمكنني تخصيص المظهر ليتناسب مع علامتي التجارية؟
نعم. تتيح لك لوحة التحكم تعيين اللون الأساسي للأداة، ولون النص، وصورة الصورة الرمزية، ورسالة الترحيب، وموضع فقاعة الدردشة (يسار أو يمين). يمكنك مطابقتها مع لوحة علامتك التجارية لتبدو كجزء أصلي من موقعك بدلاً من إضافة طرف ثالث. يتم التخصيص من خلال واجهة مستخدم لوحة التحكم — لا حاجة لتجاوزات CSS أو كائنات تهيئة جافاسكريبت.
هل تعمل على المواقع الثابتة وتطبيقات الصفحة الواحدة؟
نعم لكليهما. في موقع HTML ثابت، يتم تحميل الأداة عند تحميل الصفحة وتبقى نشطة طالما بقي الزائر في الصفحة. في تطبيق الصفحة الواحدة — حيث يحدث التنقل من جانب العميل دون إعادة تحميل كامل للصفحة — تستمر الأداة عبر تغييرات المسار تلقائيًا. يمكن للزائر التنقل عبر تطبيق الصفحة الواحدة بالكامل وتستمر محادثة الدردشة دون انقطاع. لا يلزم وجود تهيئة خاصة لتوجيه جانب العميل.
هل يمكن لأداة الدردشة الاتصال بواجهات برمجة التطبيقات الخلفية الخاصة بي؟
نعم، من خلال الأدوات المخصصة (Custom Tools) في خطتي Standard (139 دولارًا شهريًا) و Pro (449 دولارًا شهريًا). يمكنك تحديد نقطة نهاية واجهة برمجة التطبيقات الخاصة بك في لوحة التحكم، وتحديد المعلمات التي يجب على الذكاء الاصطناعي استخراجها من المحادثة، وتقوم أداة الدردشة باستدعاء واجهة برمجة التطبيقات الخاصة بك أثناء المحادثات لسحب البيانات الحية. تشمل الاستخدامات الشائعة فحوصات المخزون، وعمليات البحث عن حالة الطلب، وجدولة المواعيد، والاستعلامات عن أرصدة الحساب. يتعامل الذكاء الاصطناعي مع المحادثة بشكل طبيعي — يسأل الزوار أسئلتهم ببساطة، وتقوم أداة الدردشة باستدعاء واجهة برمجة التطبيقات الخاصة بك خلف الكواليس للحصول على الإجابة.
ما هي اللغات التي تدعمها أداة الدردشة؟
يدعم الذكاء الاصطناعي 36 لغة ويكتشف لغة الزائر تلقائيًا ويرد بالمثل — 36 لغة، من العربية إلى الفيتنامية، دون تكوين إضافي. الزائر الذي يكتب باللغة الإسبانية يحصل على رد باللغة الإسبانية. الزائر الذي يكتب باللغة اليابانية يحصل على رد باللغة اليابانية. لا يلزم ترجمة محتوى موقعك. يقرأ الذكاء الاصطناعي صفحاتك باللغة الإنجليزية ويقدم الإجابات بلغتك.
كم تكلفتها؟
تمنحك الخطة المجانية موقعًا واحدًا و 100 رسالة شهريًا — وهو ما يكفي لاختبار أداة الدردشة بحركة مرور الزوار الفعلية ورؤية كيف يتعامل الذكاء الاصطناعي مع الأسئلة على موقعك. تبدأ خطة Starter بسعر 39 دولارًا شهريًا وتوفر 2500 رسالة وموقعين، وهو ما يغطي حركة مرور معظم مواقع الأعمال الصغيرة والمتوسطة بشكل مريح. خطة Standard بسعر 139 دولارًا شهريًا تضيف الأدوات المخصصة لتكاملات واجهة برمجة التطبيقات و 15000 رسالة عبر ثلاثة مواقع. خطة Pro بسعر 449 دولارًا شهريًا مصممة للوكالات والشركات التي تشغل الأداة على عقارات متعددة — 20 موقعًا، و 50000 رسالة، وعلامة تجارية بيضاء، وقدرات تكامل واجهة برمجة تطبيقات كاملة. جميع الخطط شهرية، بدون عقود. يمكنك الترقية أو الإلغاء في أي وقت.
هل أحتاج إلى تحديث وسم النص البرمجي عندما تحصل أداة الدردشة على ميزات جديدة؟
لا. يشير وسم النص البرمجي إلى عنوان URL مستضاف يقدم دائمًا الإصدار الحالي. عندما يتم إصدار ميزات أو تحسينات جديدة، تحصل أداة الدردشة الخاصة بك عليها تلقائيًا — لا حاجة لإجراء تغييرات على الكود من جانبك. رمز التضمين الذي تلصقه في HTML الخاص بك اليوم هو نفس الكود الذي سيعمل العام المقبل. لن تحتاج أبدًا إلى تحديث إصدار حزمة، أو تشغيل ترحيل، أو تغيير تكاملك.
أداة دردشة جافاسكريبت: حالة سطر واحد من الكود
هناك نوع معين من الإحباط ينبع من محاولة إضافة ميزة بسيطة إلى موقع ويب واكتشاف أن الإصدار "البسيط" يتطلب مدير حزم، وأداة بناء، وثلاثة ملفات تهيئة. تضرب أدوات الدردشة هذا العصب بانتظام. أنت تريد زرًا صغيرًا عائمًا في زاوية موقعك يسمح للزوار بطرح الأسئلة. يبدأ دليل التنفيذ بـ "npm install" وينتهي بمكون إضافي لـ Webpack. في مكان ما على طول الطريق، يتحول المشروع من "إضافة دردشة إلى الموقع" إلى "تحديث مسار البناء لدعم متطلبات أداة الدردشة". الذيل يهز الكلب، والزائر الذي أراد فقط أن يسأل عن سياسة الإرجاع الخاصة بك لا يزال يحدق في زاوية صفحة فارغة.
النظام البيئي لجافاسكريبت يتحرك بسرعة، والضرر الجانبي لتلك السرعة هو هشاشة التبعيات. أداة الدردشة الموزعة كحزمة npm ترث كل مشكلة تحملها حزم npm: تعارضات الإصدار مع الحزم الأخرى في مشروعك، والتغييرات المكسورة في الإصدارات الثانوية، وتحذيرات تبعيات النظراء التي قد تكون أو لا تكون مهمة، والقلق الهادئ المتمثل في معرفة أن ميزة الدردشة الخاصة بك تعتمد على شجرة من التبعيات العابرة التي يديرها غرباء. عندما ينشر أحد تلك التبعيات تحديثًا سيئًا — وفي النهاية سيحدث ذلك — تتعطل أداة الدردشة الخاصة بك دون أي خطأ منك. أنت تقوم بتصحيح سلسلة توريد شخص آخر في الساعة 9 صباحًا يوم الاثنين لأن أحد الزوار أبلغ عن اختفاء زر الدردشة.
وسم النص البرمجي يلغي هذه الفئة من المشاكل تمامًا. يتم تحميل أداة الدردشة من عنوان URL مستضاف، وتعمل في نطاقها الخاص، ولا تشارك في عملية البناء الخاصة بك. ليس لديها إدخال في ملف package.json الخاص بك، ولا سطر في ملف القفل الخاص بك، ولا عقدة في رسم بياني للتبعيات الخاص بك. عندما تقوم بترقية React من 18 إلى 19، فإن أداة الدردشة غير متأثرة. عندما تنتقل من Create React App إلى Vite، فإن أداة الدردشة غير متأثرة. عندما تقوم بترحيل موقعك التسويقي من Gatsby إلى Astro، فإن أداة الدردشة غير متأثرة. إنه وسم نص برمجي في HTML الخاص بك — نفس آلية النشر التي نجحت منذ عام 1995 — ولا يحمل أيًا من الاقتران الذي يقدمه توزيع الحزم الحديث.
الأداء هو المحور الآخر الذي يتفوق فيه وسم النص البرمجي المستقل على الحزمة المجمعة. عندما تعيش أداة الدردشة داخل حزمة التطبيق الخاصة بك، فإنها تضيف إلى حجم الحزمة الخاص بك. يقوم كل زائر بتنزيل كود أداة الدردشة كجزء من ملف جافاسكريبت الرئيسي الخاص بك، سواء تفاعل مع الدردشة أم لا. يتم تشغيل تهيئة الأداة أثناء تسلسل بدء تشغيل تطبيقك، وتتنافس على الخيط الرئيسي أثناء مسار التصيير الحرج. يتم تحميل النص البرمجي ذي السمة async بشكل مستقل — يقوم المتصفح بجلبه بالتوازي مع كود تطبيقك ويقوم بتنفيذه بعد أن يصبح الموقع تفاعليًا. لا تظهر أداة الدردشة أبدًا في تحليل حجم الحزمة الخاص بك، ولا تساهم في مقياس وقت التفاعل (Time to Interactive)، ولا تسبب تحولًا في التخطيط أثناء التصيير الأولي.
يواجه الوكلاء والمستقلون الذين يبنون مواقع للعملاء نسخة حادة بشكل خاص من مشكلة التبعية. يتم بناء موقع العميل باستخدام ووردبريس، أو Squarespace، أو Wix، أو HTML عادي يتم تقديمه من استضافة مشتركة. العميل ليس لديه Node.js مثبتًا. ليس لدى العميل مسار بناء. لا يعرف العميل ما هو npm، وشرحه سيستغرق وقتًا أطول مما ينبغي أن يستغرقه إعداد أداة الدردشة. عندما يتطلب حل الدردشة بيئة Node، يكون أمام الوكالة خياران: إعداد عملية بناء على استضافة العميل (والتي لا يمكن للعميل صيانتها) أو إخبار العميل بأن منصته غير مدعومة. وسم النص البرمجي لا يتطلب أيًا من ذلك. يقوم الوكيل بلصق سطر واحد من الكود في قالب الموقع، وتعمل أداة الدردشة. يمكن للعميل رؤيتها تعمل على الفور. عملية التسليم نظيفة لأنه لا توجد بيئة تطوير للصيانة.
تطبيقات الصفحة الواحدة تقدم تحديًا دقيقًا تتعامل معه معظم عمليات تثبيت أدوات الدردشة بشكل سيئ. عندما يحدث التنقل من جانب العميل — React Router أو Vue Router أو موجه Angular — فإن تطبيق الدردشة الساذج يفقد حالة المحادثة عند كل تغيير في المسار. يسأل الزائر سؤالاً في صفحة التسعير، وينتقل إلى صفحة الميزات، وتتم إعادة تعيين نافذة الدردشة. تحافظ أداة Asyntai على حالتها عبر التنقل من جانب العميل تلقائيًا. تستمر المحادثة دون انقطاع بغض النظر عن عدد المرات التي يتنقل فيها الزائر داخل التطبيق. هذا ليس خيار تهيئة تحتاج إلى تمكينه — إنه سلوك افتراضي لأن فقدان حالة المحادثة أثناء التنقل هو خطأ، وليس ميزة.
مسألة ما تفعله أداة الدردشة فعليًا بمحتوى موقعك هي المكان الذي تصبح فيه الفجوة بين الدردشة المباشرة التقليدية وأداة الدردشة المدعومة بالذكاء الاصطناعي واضحة بشكل متزايد. أداة الدردشة التقليدية القائمة على جافاسكريبت هي قناة اتصال — تربط الزائر بمشغل بشري. إذا لم يكن هناك مشغل متاح، يحصل الزائر على نموذج "ترك رسالة" أو رد آلي لا يقول شيئًا مفيدًا. أداة الدردشة المدعومة بالذكاء الاصطناعي تقرأ محتوى موقعك — ما يصل إلى 50 صفحة، يتم فهرستها تلقائيًا عند إضافة عنوان URL الخاص بك — وتستخدم هذا المحتوى للإجابة على الأسئلة مباشرة. الزائر الذي يسأل "ما هي خيارات الشحن لديكم؟" يحصل على الإجابة من صفحة سياسة الشحن الخاصة بك. الزائر الذي يسأل "هل تقدمون نسخة تجريبية مجانية؟" يحصل على الإجابة من صفحة التسعير الخاصة بك. الذكاء الاصطناعي لا يخترع معلومات. إنه يقرأ ما نشرته ويقدمه بطريقة حوارية، وهو ما سيفعله الزائر بنفسه إذا كان لديه الصبر للعثور على الصفحة الصحيحة والفقرة الصحيحة.
التنفيذ التقني لوسم النص البرمجي بسيط للغاية. أنت تنسخ سطر HTML واحدًا من لوحة التحكم الخاصة بك، وتلصقه في قالب صفحتك — قبل وسم إغلاق body، أو في قسم الرأس، أو أينما يقوم موقعك عادةً بتحميل النصوص البرمجية الخارجية، وتظهر الأداة. تقبل الأداة سمة بيانات واحدة: معرف الموقع الخاص بك. لا توجد كائنات تهيئة لتعريفها في جافاسكريبت، ولا توجد وظائف تهيئة لاستدعائها، ولا مستمعات أحداث لربطها. تتعامل لوحة التحكم مع جميع الإعدادات — الألوان، ورسالة الترحيب، والموضع، والصورة الرمزية، وإعدادات السلوك — لذا فإن التغييرات لا تتطلب عمليات نشر للكود. يمكن لفريق التسويق الخاص بك تعديل مظهر أداة الدردشة والترحيب دون لمس محرر الكود أو انتظار قيام مطور بدفع تحديث.
من الجدير بالذكر دعم اللغة، وهو مجال آخر تتجاوز فيه بساطة التنفيذ مدى تعقيد النتيجة. يدعم الذكاء الاصطناعي 36 لغة ويكتشف لغة الزائر تلقائيًا ويرد بالمثل — 36 لغة، من العربية إلى الفيتنامية، دون تكوين إضافي. الزائر الذي يتصفح موقعك باللغة الإنجليزية من سيول يكتب سؤالاً باللغة الكورية ويحصل على إجابة باللغة الكورية. الزائر من برلين يكتب بالألمانية ويحصل على إجابة بالألمانية. لا يلزم ترجمة محتوى موقعك. يقرأ الذكاء الاصطناعي صفحاتك باللغة الإنجليزية ويقدم الإجابة باللغة التي يستخدمها الزائر. يحدث هذا في كل خطة، بما في ذلك المجانية، دون حزم لغة للتثبيت ولا ملفات ترجمة للصيانة.
بالنسبة للمواقع التي تحتاج إلى أن تفعل أداة الدردشة أكثر من مجرد الإجابة من المحتوى الثابت، تتيح لك الأدوات المخصصة (Custom Tools) في خطتي Standard و Pro للذكاء الاصطناعي استدعاء واجهات برمجة التطبيقات REST الخاصة بك أثناء المحادثة. يسأل الزائر "هل تم شحن طلبي بعد؟" ويستخرج الذكاء الاصطناعي رقم الطلب، ويستدعي واجهة برمجة تطبيقات التنفيذ الخاصة بك، ويعرض معلومات التتبع. يسأل الزائر "هل لديكم الإصدار الأزرق بحجم متوسط؟" ويستعلم الذكاء الاصطناعي عن نقطة نهاية المخزون الخاصة بك. هذا يحول أداة الدردشة من أداة استرجاع محتوى إلى واجهة خدمة ذاتية لأنظمة الواجهة الخلفية الخاصة بك — دون بناء إطار عمل لروبوت الدردشة، أو كتابة تدفقات حوار، أو إدارة حالة المحادثة. أنت تحدد نقطة نهاية واجهة برمجة التطبيقات والمعلمات. يتعامل الذكاء الاصطناعي مع المحادثة بشكل طبيعي.
غالبًا ما يسأل المطورون المهتمون بالأمان عن الآثار المترتبة على تحميل نص برمجي تابع لجهة خارجية. تعمل الأداة في سياق التنفيذ القياسي للمتصفح — بنفس الطريقة التي تعمل بها نصوص التحليلات، ومُحمّلات الخطوط، وعلامات التسويق. إنها لا تصل إلى نطاق جافاسكريبت الخاص بتطبيقك، ولا تقرأ ملفات تعريف الارتباط التي يحددها تطبيقك، ولا تعدل DOM الخاص بك بما يتجاوز الحاوية التي تنشئها لواجهة الدردشة. تتواصل الأداة مع خوادم Asyntai الخلفية عبر HTTPS لإرسال رسائل الزوار وتلقي ردود الذكاء الاصطناعي. تتم معالجة بيانات المحادثة لتوليد الإجابات ولا يتم استخدامها لبناء ملفات تعريف أو بيعها لأطراف ثالثة.
يعكس هيكل التكلفة حقيقة أن معظم مواقع الويب لا تحتاج إلى بنية تحتية للدردشة على مستوى المؤسسات. تمنحك الخطة المجانية — موقع واحد، و 100 رسالة شهريًا — القدرة على تضمين الأداة في مشروع شخصي، أو معرض أعمال، أو صفحة عمل صغيرة ورؤية كيف يتفاعل الزوار معها. مائة رسالة كافية لتقييم جودة ردود الذكاء الاصطناعي على المحتوى الخاص بك. إذا نجحت، فإن خطة Starter بسعر 39 دولارًا شهريًا تغطي 2500 رسالة وموقعين، وهو ما يتعامل مع حركة مرور معظم مواقع الأعمال الصغيرة والمتوسطة بشكل مريح. خطة Standard بسعر 139 دولارًا شهريًا تضيف الأدوات المخصصة لتكاملات واجهة برمجة التطبيقات و 15000 رسالة عبر ثلاثة مواقع. خطة Pro بسعر 449 دولارًا شهريًا مصممة للوكالات والشركات التي تشغل الأداة على عقارات متعددة — 20 موقعًا، و 50000 رسالة، وعلامة تجارية بيضاء، وقدرات تكامل واجهة برمجة تطبيقات كاملة. جميع الخطط شهرية، بدون عقود. يمكنك الترقية أو الإلغاء في أي وقت.
يعد استخدام أدوات الدردشة المدعومة بالذكاء الاصطناعي لحالات استخدام مواقع الوثائق أمرًا لا يُقدّر حقه. يقوم المطورون ببناء الوثائق باستخدام مُنشئات المواقع الثابتة — Hugo، Jekyll، Docusaurus، MkDocs، VitePress — والنتيجة هي عشرات أو مئات الصفحات التي تغطي واجهات برمجة التطبيقات، وخيارات التهيئة، والبرامج التعليمية، وأدلة استكشاف الأخطاء وإصلاحها. يبحث زوار مواقع الوثائق عن إجابات محددة: "كيف أقوم بالمصادقة باستخدام واجهة برمجة التطبيقات؟" "ما هي حدود المعدل؟" "لماذا يحدث هذا الخطأ؟" عليهم التنقل في شريط جانبي، والبحث في الصفحات، ومسح القسم ذي الصلة ضوئيًا. تتيح لهم أداة الدردشة المدعومة بالذكاء الاصطناعي التي تقرأ محتوى الوثائق طرح السؤال مباشرة والحصول على الإجابة المحددة — المسحوبة من الصفحة الصحيحة، وتقديمها في جملة بدلاً من صفحة. بالنسبة لمشاريع المصادر المفتوحة وأدوات المطورين، يحول هذا الوثائق من مرجع تبحث فيه إلى مورد تتحدث معه.
تجدر الإشارة إلى سلوك الأداة على الأجهزة المحمولة لأن الأجهزة المحمولة غالبًا ما تكون المكان الذي تفشل فيه أدوات الدردشة. تكون مساحة الشاشة محدودة، وتقوم الأداة سيئة التنفيذ إما بتغطية محتوى الصفحة، أو إنشاء مشاكل في حبس التمرير (scroll-trapping)، أو يتم تصييرها بحجم غير قابل للاستخدام. الأداة Asyntai متجاوبة بشكل افتراضي — تتكيف مع مساحة العرض، وتستخدم أهدافًا مناسبة للمس على الأجهزة المحمولة، وتفتح كطبقة علوية بملء الشاشة على الشاشات الصغيرة حتى تكون المحادثة قابلة للقراءة دون التحديق. يؤدي إغلاق الدردشة إلى استعادة الصفحة تمامًا كما كانت. لا يوجد تهيئة خاصة للجوال. نفس وسم النص البرمجي الذي يعمل على سطح المكتب يعمل على الجوال والجهاز اللوحي وكل ما بينهما.
وسم نص برمجي واحد. لا تبعيات. ذكاء اصطناعي يقرأ موقعك ويجيب على أسئلة الزوار بـ 36 لغة. ابدأ بـ الخطة المجانية وشاهدها تعمل على موقعك في خمس دقائق — أو انتقل إلى Standard للحصول على الأدوات المخصصة وتكامل واجهة برمجة التطبيقات.