2647758228397561114
  • اتصل بنا
  • سياسة الخصوصية
  • من نحن

🎨 شكل الهيدر

style
التحكم في المظهر:
غيّر رقم style:
0: الافتراضي (الموجي).
1: الإخباري (أحمر). 2: التقني (أزرق/كحلي).

seowriting

  • ملف الشرح
  • قائمة الروابط
  • _إعداد قائمة
  • [mega] ادوات ويب
style title count

بواسطة morbah | مارس 29, 2025
خبير الربح من الإنترنت (اضغط للفتح/الإغلاق)
{/* يبدأ مخفيا */}
أهلاً بك! أنا هنا لمساعدتك في استكشاف طرق الربح من الإنترنت. كيف يمكنني خدمتك اليوم؟

لم تفهم نقطة معينة؟

اسأل المساعد الذكي وسيجيبك بناءً على محتوى هذا المقال.

<!-- بداية كود شات بوت الربح من الإنترنت --> <style> #chatbot-container { position: fixed; bottom: 20px; right: 20px; width: 300px; max-width: 90%; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; font-family: 'Cairo', sans-serif; /* خط عربي جميل - تأكد من إضافته لمدونتك إذا لم يكن موجودًا */ z-index: 1000; } #chatbot-header { background-color: #007bff; color: white; padding: 10px; text-align: center; font-weight: bold; cursor: pointer; } #chatbot-body { height: 300px; /* ارتفاع مبدئي قابل للتعديل */ overflow-y: auto; padding: 10px; background-color: #fff; display: flex; /* يبدأ مخفيًا */ flex-direction: column; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } /* إخفاء البودي بشكل افتراضي */ #chatbot-body.hidden { display: none; } #chat-display { flex-grow: 1; margin-bottom: 10px; } .chat-message { margin-bottom: 8px; padding: 8px 12px; border-radius: 15px; max-width: 80%; word-wrap: break-word; } .user-message { background-color: #007bff; color: white; align-self: flex-end; border-bottom-right-radius: 5px; margin-left: auto; /* يدفع لليمين */ text-align: right; } .bot-message { background-color: #e9e9eb; color: #333; align-self: flex-start; border-bottom-left-radius: 5px; margin-right: auto; /* يدفع لليسار */ text-align: right; /* محاذاة النص لليمين للعربية */ } #chatbot-input-area { display: flex; padding: 10px; background-color: #f1f1f1; } #user-input { flex-grow: 1; padding: 8px; border: 1px solid #ccc; border-radius: 5px; margin-left: 5px; /* مسافة بين الزر والحقل */ direction: rtl; /* اتجاه النص من اليمين لليسار */ } #send-button { padding: 8px 15px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } #send-button:hover { background-color: #0056b3; } </style> <div id="chatbot-container"> <div id="chatbot-header"> خبير الربح من الإنترنت (اضغط للفتح/الإغلاق) </div> <div id="chatbot-body" class="hidden"> {/* يبدأ مخفيا */} <div id="chat-display"> <!-- رسالة ترحيبية أولى --> <div class="chat-message bot-message">أهلاً بك! أنا هنا لمساعدتك في استكشاف طرق الربح من الإنترنت. كيف يمكنني خدمتك اليوم؟</div> </div> <div id="chatbot-input-area"> <button id="send-button">إرسال</button> <input type="text" id="user-input" placeholder="اكتب سؤالك هنا..." dir="rtl"> </div> </div> </div> <script> const chatDisplay = document.getElementById('chat-display'); const userInput = document.getElementById('user-input'); const sendButton = document.getElementById('send-button'); const chatbotHeader = document.getElementById('chatbot-header'); const chatbotBody = document.getElementById('chatbot-body'); // --- قاعدة المعرفة (Knowledge Base) --- // يمكنك إضافة المزيد من الطرق والكلمات المفتاحية هنا const knowledgeBase = [ { keywords: ["مرحبا", "اهلا", "السلام عليكم", "هاي", "هلو"], answer: "أهلاً بك! كيف يمكنني مساعدتك في معرفة طرق الربح من الإنترنت اليوم؟" }, { keywords: ["كيف حالك", "عامل ايه"], answer: "أنا برنامج حاسوبي بحالة جيدة دائماً! ومستعد لمساعدتك بخصوص الربح من الإنترنت." }, { keywords: ["تسويق بالعمولة", "افلييت", "عمولة", "affiliate"], answer: "التسويق بالعمولة (Affiliate Marketing) هو الترويج لمنتجات أو خدمات لشركات أخرى مقابل عمولة عن كل عملية بيع أو تحويل تتم عن طريقك. تحتاج لجمهور (موقع، مدونة، حساب تواصل اجتماعي) ورابط تتبع فريد." }, { keywords: ["دروبشيبينغ", "دروب شيبنج", "dropshipping"], answer: "الدروبشيبينغ هو نموذج بيع بالتجزئة حيث لا تحتفظ بالمنتجات في المخزون. عندما يشتري عميل منتجًا منك، تقوم أنت بشرائه من طرف ثالث (مورد أو مصنع) ويقوم هو بشحنه مباشرة إلى العميل. أنت لا تتعامل مع المنتج فعليًا." }, { keywords: ["التدوين", "مدونة", "بلوجر", "blogging"], answer: "يمكن الربح من التدوين عن طريق كتابة محتوى قيم يجذب الزوار، ثم تحقيق الدخل من خلال الإعلانات (مثل جوجل أدسنس)، التسويق بالعمولة، بيع المنتجات الرقمية (كتب إلكترونية، دورات)، أو تقديم خدمات." }, { keywords: ["يوتيوب", "قناة يوتيوب", "youtube"], answer: "يمكن الربح من يوتيوب عبر برنامج شركاء يوتيوب (الإعلانات)، الرعايات، التسويق بالعمولة، بيع المنتجات (Merchandise)، أو التمويل الجماعي (Patreon). يتطلب محتوى جذابًا وقاعدة مشتركين." }, { keywords: ["فري لانسر", "عمل حر", "مستقل", "freelance", "freelancing"], answer: "العمل الحر (Freelancing) هو تقديم خدماتك (كتابة، تصميم، برمجة، ترجمة، تسويق، استشارات...) للعملاء حسب الطلب. يمكنك إيجاد عملاء عبر منصات مثل خمسات، مستقل، Upwork، Fiverr." }, { keywords: ["بيع صور", "صور فوتوغرافية", "stock photo"], answer: "إذا كنت مصورًا فوتوغرافيًا، يمكنك بيع صورك على منصات الصور المخزنة (Stock Photos) مثل Shutterstock, Adobe Stock, Getty Images. تحصل على نسبة من الأرباح عند تحميل صورك." }, { keywords: ["استطلاعات", "استبيانات", "surveys"], answer: "يمكن كسب بعض المال (غالبًا مبالغ صغيرة) عن طريق المشاركة في استطلاعات الرأي عبر الإنترنت على مواقع مثل YouGov, Swagbucks وغيرها. كن حذرًا من المواقع الاحتيالية." }, { keywords: ["كورسات", "دورات تدريبية", "بيع دورات"], answer: "إذا كانت لديك خبرة في مجال معين، يمكنك إنشاء وبيع دورات تدريبية عبر الإنترنت على منصات مثل Udemy, Coursera، أكاديمية حسوب، أو حتى على موقعك الخاص." }, { keywords: ["تداول", "فوركس", "أسهم", "عملات رقمية"], answer: "التداول في الأسواق المالية (أسهم، فوركس، عملات رقمية) يمكن أن يكون مربحًا، ولكنه ينطوي على مخاطر عالية جدًا ويتطلب معرفة وخبرة ورأس مال. لا يُنصح به للمبتدئين دون دراسة متأنية وفهم للمخاطر. *هذه ليست نصيحة مالية*." }, { keywords: ["شكرا", "تمام", "مفهوم"], answer: "على الرحب والسعة! هل لديك أي أسئلة أخرى حول طرق الربح من الإنترنت؟" } // أضف المزيد من الطرق هنا... ]; // --- وظائف الشات بوت --- // وظيفة لإضافة رسالة إلى واجهة العرض function displayMessage(message, sender) { const messageElement = document.createElement('div'); messageElement.classList.add('chat-message', sender === 'user' ? 'user-message' : 'bot-message'); messageElement.textContent = message; chatDisplay.appendChild(messageElement); // التمرير للأسفل تلقائيًا لرؤية آخر رسالة chatDisplay.scrollTop = chatDisplay.scrollHeight; } // وظيفة للحصول على رد البوت function getBotResponse(userInput) { const lowerCaseInput = userInput.toLowerCase().trim(); // البحث في قاعدة المعرفة for (const item of knowledgeBase) { for (const keyword of item.keywords) { // تحقق مما إذا كانت الكلمة المفتاحية موجودة في إدخال المستخدم // استخدام `includes` للبحث عن الكلمة ضمن الجملة if (lowerCaseInput.includes(keyword.toLowerCase())) { return item.answer; } } } // إذا لم يتم العثور على تطابق return "عذراً، لم أفهم سؤالك. هل يمكنك إعادة صياغته أو سؤالي عن طريقة محددة مثل 'التسويق بالعمولة' أو 'العمل الحر'؟"; } // وظيفة لمعالجة إرسال الرسالة function handleSend() { const userMessage = userInput.value.trim(); if (userMessage === '') return; // لا ترسل رسائل فارغة displayMessage(userMessage, 'user'); userInput.value = ''; // مسح حقل الإدخال // محاكاة وقت تفكير للبوت (اختياري) setTimeout(() => { const botResponse = getBotResponse(userMessage); displayMessage(botResponse, 'bot'); }, 500); // تأخير نصف ثانية } // وظيفة لفتح/إغلاق الشات بوت function toggleChatbot() { chatbotBody.classList.toggle('hidden'); // ربما تريد تغيير النص في الهيدر أو إضافة أيقونة if (!chatbotBody.classList.contains('hidden')) { // عند الفتح، قم بالتمرير للأسفل chatDisplay.scrollTop = chatDisplay.scrollHeight; } } // --- ربط الأحداث --- sendButton.addEventListener('click', handleSend); userInput.addEventListener('keypress', (event) => { // الإرسال عند الضغط على Enter if (event.key === 'Enter') { handleSend(); } }); chatbotHeader.addEventListener('click', toggleChatbot); </script> <!-- نهاية كود شات بوت الربح من الإنترنت -->

شارك المقال مع أصدقائك

Whatsapp Twitter X Facebook
Author

الكاتب : morbah

انا مهتم بمجال التقنية والربح من الانترنت واتطلع لنشر المزيد من المقالات التي تفيدكم

تعليقات

إرسال تعليق

إظهار أحدث المقالات (تشغيل/إيقاف)

📝 قسم "أحدث المقالات" مفعل.
لإخفائه، قم بإلغاء تفعيل "إظهار الأداة".

تشغيل/إيقاف القائمة الجانبية

✅ لاظهار القائمة الجانبية قم بتفعيل هذه الأداة.
لإخفائها، قم بإلغاء تفعيل "إظهار الأداة" من الأعلى.
⚙️ التحكم:
- data-active: اجعلها "true" للتفعيل أو "false" للإيقاف.
- data-time: مدة العداد بالثواني.
- data-page-url: رابط الصفحة التي أنشأتها للتحويل (يجب إنشاؤها يدوياً).

مواقع التواصل الاجتماعي

التسميات

  • شرح القالب 1
  • ملف الشرح 13

المشاركات الشائعة

مشاركة مميزة

No Image
يناير 16, 2026

افضل طرق الربح من الملفات 2026 هل تعلم أن الملفات المخزنة على جهازك بلا فائدة يمكن أن تتحول إلى دولارات حقيقية؟ نعم، هذا ليس خيالاً ع...

جميع الحقوق محفوظة © seowriting

تنبيهات جديدة
جاري التحميل...

المساعد الذكي للمدونة

أهلاً بك! أنا مساعدك الشخصي في مدونة seowriting. كيف يمكنني مساعدتك اليوم؟ يمكنك سؤالي عن أي مقال أو موضوع في المدونة.

مدعوم بواسطة MOPlus

شرح وتوضيح الفقرة

مشاركة في التطبيقات الأخرى

Telegram
Whatsapp
Twitter
Facebook
Tumblr
Reddit
LinkedIn
Pinterest
Email
نسخ رابط المقال