Eingebetteter Badge-Generator
Erstellen Sie dynamische Arbeitsstatus-Badges für Ihre Website, damit Besucher Ihre Serviceverfügbarkeit kennen
Grundkonfiguration
Stilkonfiguration
Live-Vorschau
Vorschau-Einstellungen
Nutzungsanweisungen
Content-Security-Policy: frame-ancestors 'self' isworkingnow.com; Häufig gestellte Fragen
Wie verwende ich das eingebettete Status-Badge?
1. Grundinformationen konfigurieren: Stellen Sie Ihre Arbeitszeit, Arbeitszeiten und Arbeitstage ein
2. Stil anpassen: Wählen Sie vordefinierte Stile oder passen Sie Farben, Layout usw. an
3. Badge generieren: Klicken Sie auf die Schaltfläche "Badge generieren", um den Einbettungscode zu erhalten
4. In Website einbetten: Kopieren Sie den generierten iframe-Code in Ihre Website
Welche Effekte hat das Badge?
Echtzeit-Statusanzeige: Zeigt automatisch den Status "Arbeitet" oder "Offline" basierend auf Ihren eingestellten Arbeitszeiten an
Mehrere Stilunterstützung: Bietet 10 vordefinierte Stile einschließlich klassisch, Kapsel, quadratisch, Verlauf usw.
Responsives Design: Passt sich automatisch an verschiedene Geräte und Bildschirmgrößen an
Feiertagserkennung: Unterstützt das Einstellen von Feiertagen, um automatisch den Offline-Status an Feiertagen anzuzeigen
Zeitzonenabhängig: Zeigt automatisch den korrekten Arbeitsstatus basierend auf der Zeitzone des Besuchers an
Wann muss ich die CSP-Sicherheitsrichtlinie konfigurieren?
Wenn Ihre Website CSP (Content Security Policy) aktiviert hat:
• Wenn das Badge nicht ordnungsgemäß angezeigt oder geladen werden kann
• Die Browser-Konsole zeigt CSP-bezogene Fehlermeldungen an
• Die Website hat strenge Sicherheitsrichtlinienanforderungen
Lösung: Fügen Sie die folgende Konfiguration zu Ihrer CSP-Richtlinie hinzu:
Welche technischen Funktionen unterstützt das Badge?
Cross-Domain-Unterstützung: Kann in jede Website ohne Cross-Domain-Beschränkungen eingebettet werden
Leichtgewichtig: Schnelle Ladegeschwindigkeit, beeinträchtigt nicht die Website-Performance
Keine Abhängigkeiten: Reine HTML/CSS-Implementierung, keine zusätzlichen JavaScript-Bibliotheken erforderlich
SEO-freundlich: Beeinträchtigt nicht das Crawling und die Indexierung von Suchmaschinen
HTTPS-Unterstützung: Vollständig kompatibel mit HTTPS-Websites
Welche Optionen können angepasst werden?
Zeiteinstellungen: Arbeitszeiten, Zeitzone, Arbeitstage, Feiertage
Textinhalt: Anzeigetext für Arbeits- und Offline-Status
Visueller Stil: Farben, Schriftgröße, Innenabstand, Randradius, Layout
Statusindikator: Option zur Anzeige farbiger Statusindikatorpunkte
Ortszeit: Option zur Anzeige der aktuellen Ortszeit