مولد شارات التضمين
إنشاء شارات حالة العمل الديناميكية لموقعك الإلكتروني لإعلام الزوار بتوفر خدمتك
التكوين الأساسي
تكوين النمط
المعاينة المباشرة
إعدادات المعاينة
تعليمات الاستخدام
Content-Security-Policy: frame-ancestors 'self' isworkingnow.com; الأسئلة الشائعة
كيفية استخدام شارة الحالة المدمجة؟
1. تكوين المعلومات الأساسية: قم بتعيين ساعات العمل وأوقات المكتب وأيام العمل
2. تخصيص النمط: اختر الأنماط المحددة مسبقاً أو قم بتخصيص الألوان والتخطيط وما إلى ذلك
3. إنشاء الشارة: انقر على زر "إنشاء الشارة" للحصول على كود التضمين
4. التضمين في الموقع: انسخ كود iframe المُنشأ إلى موقعك الإلكتروني
ما هي تأثيرات الشارة؟
عرض الحالة في الوقت الفعلي: يعرض تلقائياً حالة "يعمل" أو "غير متصل" بناءً على ساعات العمل المحددة
دعم أنماط متعددة: يوفر 10 أنماط محددة مسبقاً بما في ذلك الكلاسيكي والكبسولة والمربع والتدرج وغيرها
تصميم متجاوب: يتكيف تلقائياً مع الأجهزة وأحجام الشاشات المختلفة
التعرف على العطل: يدعم إعداد العطل لعرض حالة غير متصل تلقائياً في أيام العطل
اعتماد المنطقة الزمنية: يعرض تلقائياً حالة العمل الصحيحة بناءً على المنطقة الزمنية للزائر
متى يجب تكوين سياسة أمان CSP؟
إذا كان موقعك الإلكتروني يحتوي على CSP (Content Security Policy) مُفعل:
• عندما لا تظهر الشارة أو لا تُحمل بشكل صحيح
• تظهر وحدة تحكم المتصفح رسائل خطأ متعلقة بـ CSP
• الموقع لديه متطلبات سياسة أمان صارمة
الحل: أضف التكوين التالي إلى سياسة CSP الخاصة بك:
ما هي الميزات التقنية التي تدعمها الشارة؟
دعم عبر النطاقات: يمكن تضمينها في أي موقع إلكتروني بدون قيود عبر النطاقات
خفيف الوزن: سرعة تحميل سريعة، لا يؤثر على أداء الموقع
بدون تبعيات: تنفيذ HTML/CSS خالص، لا يتطلب مكتبات JavaScript إضافية
صديق لمحركات البحث: لا يؤثر على الزحف والفهرسة بواسطة محركات البحث
دعم HTTPS: متوافق تماماً مع مواقع HTTPS
ما هي الخيارات التي يمكن تخصيصها؟
إعدادات الوقت: ساعات العمل، المنطقة الزمنية، أيام العمل، العطل
محتوى النص: نص العرض لحالات العمل وغير المتصل
النمط البصري: الألوان، حجم الخط، الحشو، نصف قطر الحدود، التخطيط
مؤشر الحالة: خيار عرض نقاط مؤشر الحالة الملونة
الوقت المحلي: خيار عرض الوقت المحلي الحالي