Eingabehilfen öffnen

Zum Hauptinhalt springen

Aktuelle Version: 1.0.0

TIKTOK LIVE STATUS by Tonino Gerns

Der smarte TikTok Live Status für YOOtheme Pro

Zeige deinen Besuchern in Echtzeit, ob du gerade live auf TikTok streamst – ohne manuelles Umschalten. Der TikTok Live Status by Tonino Gerns prüft automatisch deinen Stream-Status und passt das Design dynamisch an. Perfekt für Content Creator, die ihre Community direkt auf ihrer Website abholen wollen.

  • Automatische Live-Erkennung mit intelligentem Caching
  • Dynamisches Styling (grün bei Live, rot bei Offline)
  • WCAG AA konform – barrierefrei für alle Nutzer
  • Kostenlos & Open Source

Hinweis: Dieses Element ist ein Freebie und steht kostenlos zum Download bereit.

Backend-Ansicht vom TikTok Live Status by Tonino Gerns Element
Demo-Ansicht vom TikTok Live Status by Tonino Gerns Element

Schluss mit "Ist der jetzt live oder nicht?"

Warum Content Creator und Agenturen den TikTok Live Status by Tonino Gerns als Standard für ihre Streaming-Websites einsetzen.

Echtzeit ohne Aufwand

Keine manuellen Updates mehr. Das Element prüft automatisch deinen TikTok-Status und zeigt ihn live an. Smart Caching sorgt dafür, dass deine Website schnell bleibt – Standard-Intervall: 10 Minuten.

Automatisches Styling

Im Auto-Modus wechselt das Badge automatisch zwischen Live (grün, auffällig) und Offline (rot, dezent). Alternativ wählst du aus 15+ UIkit-Styles: Labels, Buttons oder Backgrounds – alles passt sich deinem Theme an.

Barrierefrei & Sicher

Vollständig WCAG AA konform mit Screen Reader Support, Keyboard-Navigation und automatischen ARIA-Labels. Externe Links sind mit noopener noreferrer abgesichert – für maximale Sicherheit.

Dein Stream-Status ohne Kompromisse.

Kein Bloatware. Nur ein Element, das genau das tut, was es soll – deinen TikTok Live-Status anzeigen.

Auto-Modus mit Smart Styling

Das Element erkennt automatisch deinen Live-Status und wechselt zwischen zwei optimierten Designs: Grünes Success-Label wenn du live bist, rotes Danger-Label wenn du offline bist. Kein manuelles Umschalten nötig. Nutzt native UIkit-Klassen für perfekte Theme-Integration.

Performance-Caching

Intelligentes Caching verhindert unnötige API-Anfragen. Standard-Intervall: 10 Minuten – frei konfigurierbar im Builder. Deine Website bleibt schnell, auch bei hohem Traffic.

WCAG AA Accessibility

Vollständige Barrierefreiheit out-of-the-box: Automatische ARIA-Labels für Screen Reader, sichtbare Fokus-Indikation für Keyboard-Navigation und semantisches HTML. Inklusive konfigurierbarer Link-Tooltips.

Zurück zur Übersicht