एम्बेड बैज जेनरेटर

अपनी वेबसाइट के लिए डायनामिक वर्क स्टेटस बैज बनाएं ताकि विज़िटर आपकी सेवा की उपलब्धता जान सकें

बुनियादी कॉन्फ़िगरेशन

स्टाइल कॉन्फ़िगरेशन

लाइव पूर्वावलोकन

पूर्वावलोकन सेटिंग्स

लोड हो रहा है...
सफेद पृष्ठभूमि
लोड हो रहा है...
गहरी पृष्ठभूमि
लोड हो रहा है...

उपयोग निर्देश

CSP सुरक्षा नीति:कृपया सुनिश्चित करें कि आपकी वेबसाइट की CSP नीति iframe लोडिंग की अनुमति देती है। Content-Security-Policy: frame-ancestors 'self' isworkingnow.com;
रेस्पॉन्सिव डिज़ाइन::बैज अलग-अलग स्क्रीन साइज़ के लिए स्वचालित रूप से अनुकूलित होता है
रियल-टाइम अपडेट::स्थिति हर मिनट स्वचालित रूप से अपडेट होती है
समय क्षेत्र समर्थन::स्वचालित रूप से विज़िटर का स्थानीय समय दिखाता है

अक्सर पूछे जाने वाले प्रश्न

एम्बेड स्टेटस बैज का उपयोग कैसे करें?

1. बुनियादी जानकारी कॉन्फ़िगर करें: अपना कार्य समय, कार्यालय घंटे और कार्य दिवस सेट करें

2. स्टाइल कस्टमाइज़ करें: पूर्व-परिभाषित स्टाइल चुनें या रंग, लेआउट आदि को कस्टमाइज़ करें

3. बैज जेनरेट करें: एम्बेड कोड प्राप्त करने के लिए "बैज जेनरेट करें" बटन पर क्लिक करें

4. वेबसाइट में एम्बेड करें: जेनरेट किए गए iframe कोड को अपनी वेबसाइट में कॉपी करें

बैज के क्या प्रभाव हैं?

रियल-टाइम स्टेटस डिस्प्ले: सेट किए गए कार्य समय के आधार पर "काम कर रहा है" या "ऑफ़लाइन" स्टेटस को स्वचालित रूप से दिखाता है

मल्टी-स्टाइल सपोर्ट: क्लासिक, कैप्सूल, स्क्वायर, ग्रेडिएंट आदि सहित 10 पूर्व-परिभाषित स्टाइल प्रदान करता है

रेस्पॉन्सिव डिज़ाइन: विभिन्न डिवाइसेस और स्क्रीन साइज़ के लिए स्वचालित रूप से अनुकूलित होता है

छुट्टी पहचान: छुट्टियों की सेटिंग का समर्थन करता है, छुट्टियों पर स्वचालित रूप से ऑफ़लाइन स्टेटस दिखाता है

टाइम ज़ोन निर्भर: आगंतुक के टाइम ज़ोन के आधार पर सही कार्य स्थिति को स्वचालित रूप से दिखाता है

CSP सुरक्षा नीति कब कॉन्फ़िगर करनी चाहिए?

यदि आपकी वेबसाइट पर CSP (Content Security Policy) सक्षम है:

• जब बैज सही तरीके से प्रदर्शित या लोड नहीं हो रहा हो

• ब्राउज़र कंसोल CSP-संबंधित त्रुटि संदेश दिखाता है

• वेबसाइट में सख्त सुरक्षा नीति आवश्यकताएं हैं

समाधान: अपनी CSP नीति में निम्नलिखित कॉन्फ़िगरेशन जोड़ें:

frame-src 'self' https://work-time.mchost.guru;

बैज कौन सी तकनीकी सुविधाओं का समर्थन करता है?

क्रॉस-डोमेन सपोर्ट: क्रॉस-डोमेन प्रतिबंधों के बिना किसी भी वेबसाइट में एम्बेड किया जा सकता है

हल्का: तेज़ लोडिंग गति, वेबसाइट के प्रदर्शन को प्रभावित नहीं करता

कोई निर्भरता नहीं: शुद्ध HTML/CSS कार्यान्वयन, अतिरिक्त JavaScript लाइब्रेरी की आवश्यकता नहीं

SEO-फ्रेंडली: सर्च इंजन क्रॉलिंग और इंडेक्सिंग को प्रभावित नहीं करता

HTTPS सपोर्ट: HTTPS वेबसाइटों के साथ पूर्ण रूप से संगत

कौन से विकल्प कस्टमाइज़ किए जा सकते हैं?

समय सेटिंग्स: कार्य घंटे, टाइम ज़ोन, कार्य दिवस, छुट्टियां

टेक्स्ट सामग्री: कार्य और ऑफ़लाइन स्थिति के लिए प्रदर्शन टेक्स्ट

विज़ुअल स्टाइल: रंग, फ़ॉन्ट साइज़, पैडिंग, बॉर्डर रेडियस, लेआउट

स्टेटस इंडिकेटर: रंगीन स्टेटस इंडिकेटर डॉट्स दिखाने का विकल्प

स्थानीय समय: वर्तमान स्थानीय समय दिखाने का विकल्प