تخطي إلى المحتوى
Namiru.ai
إنشاء حساب

أضف دردشة AI إلى موقعك

وسم script واحد أو حزمة npm. يعمل مع أي إطار عمل.

HTML / JS
React / Angular / Vue
WordPress
خطوة 1

أنشئ وكيلك

سجل، أنشئ وكيلاً وعلمه عن عملك عبر فحص موقعك أو رفع الملفات.

خطوة 2

انسخ كود الويجت

احصل على كود التضمين من سطرين من لوحة تحكم الوكيل.

خطوة 3

أضف إلى صفحتك

الصق وسم script قبل </body> في HTML. يعمل على أي موقع.

خطوة 4

أنت مباشر

دعم عملاء بالذكاء الاصطناعي مع جمع العملاء المحتملين وتحليل المحادثات.

دع مساعدك الذكي يثبّت Namiru

انسخ أمرًا واحدًا إلى مساعد البرمجة، وسيضع الأداة في الملف العام الصحيح.

  • Codex
  • Claude
  • Kimi
  • Muse
جارٍ البحث عن البوت...

البدء السريع

خطوة 1: أضف وسم script

أضف وسم script
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>

خطوة 2: هيّئ الأداة

هيّئ الأداة
<!-- Optional: use this instead of the one-line tag when you need options -->
<script src="https://namiru.ai/widget.js"></script>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    position: "bottom-left",
  });
</script>

الإعدادات

جميع خيارات التكوين لـ NamiruChat.init().

الخاصيةالنوعالافتراضيالوصف
agentId*string-معرّف الوكيل الخاص بك من لوحة تحكم Agent Builder.
mode"button" | "inline""button"وضع العرض. "button" يُظهر فقاعة دردشة عائمة؛ "inline" يعرض مباشرة في حاوية.
containerHTMLElement-عنصر الحاوية المستهدف للوضع المضمّن. مطلوب عندما يكون الوضع "inline".
هذا كل شيء - كل شيء آخر قابل للتكوين مباشرة في Namiru.AI لوحة التحكم.

الأحداث

التنقل بين الصفحات المُتحقق منها

قبل أن تفتح الأداة صفحة موقع مُتحقق منها، ترسل على window حدث namiru:navigate قابلاً للإلغاء. ألغِ الحدث لتوجيه المسار داخل تطبيقك. إذا لم يُلغَ، تنتقل روابط الموقع نفسه في الصفحة العليا الحالية، بينما تُفتح الروابط الخارجية أو المضمّنة في علامة تبويب جديدة.

namiru:navigate
window.addEventListener("namiru:navigate", (event) => {
  // Optional: keep verified page links inside your single-page app.
  event.preventDefault();
  const target = new URL(event.detail.url);
  yourRouter.navigate(target.pathname + target.search + target.hash);
});

التخصيص

خصّص العلامة التجارية في لوحة تحكم Agent Builder ضمن المظهر. تجلب الأداة إعداداتك تلقائياً.

وضع الزر

فقاعة دردشة عائمة في زاوية صفحتك. ينقر الزوار لفتح نافذة الدردشة.

وضع الزر
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

الوضع المضمّن

ادمج الدردشة مباشرة داخل أي عنصر حاوية في صفحتك.

الوضع المضمّن
<div id="namiru-container" style="width: 400px; height: 600px;"></div>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "inline",
    container: document.getElementById("namiru-container"),
  });
</script>

الأسئلة الشائعة

هل أنت مستعد لإضافة دردشة AI إلى موقعك؟

أنشئ وكيلك في Agent Builder، خصصه وأضفه إلى موقعك في دقائق.