Alle ProdukteDropdown Menu5 € pro JahrModal10 € pro Jahr
FreebieElement für YOOtheme Pro

TikTok Live Status für YOOtheme Pro

Noch keine Bewertungen

Kurz gesagt: Die Abfrage läuft auf deinem Joomla-Server: Er liest den Status der TikTok-Live-Seite aus, der Browser deiner Besucher kontaktiert TikTok nicht. Das Ergebnis wird je Konto zwischengespeichert, das Prüfintervall stellst du am Element ein. Offline blendet es sich aus oder zeigt deinen Text. Das Element ist kostenlos, der Download startet sofort.

  • Statusabfrage läuft auf deinem Server, der Browser deiner Besucher kontaktiert TikTok nicht
  • Prüfintervall pro Element einstellbar, Standard sind 10 Minuten Cache je Konto
  • Auto-Modus färbt die Anzeige grün bei live und rot bei offline, dazu 14 feste UIkit-3-Stile
  • Element bleibt bei offline ausgeblendet oder zeigt wahlweise deinen Offline-Text
  • Status steht als Text im Markup, nicht nur als Farbe (WCAG 2.1 AA, Kriterium 1.4.1)
  • aria-label nennt Konto, Status und den Hinweis auf den neuen Tab, Icon ist aria-hidden
  • Benutzername und alle Texte per Dynamic Content an Joomla-Inhalte bindbar
Kostenlos

Keine Lizenz nötig - einfach herunterladen und loslegen.

Anmelden & kostenlos laden
Version
1.1.5
Aktualisiert
18.09.2026
Kompatibel mit
YOOtheme Pro 5 · Joomla

Über dieses Produkt

Das Element zeigt auf deiner Joomla-Website an, ob ein TikTok-Konto gerade live sendet. Du setzt es im YOOtheme-Pro-Builder an die gewünschte Stelle, trägst den Benutzernamen ein und bestimmst den Text für live und für offline. Ausgegeben wird eine verlinkte Statusanzeige auf Basis von UIkit 3. Das Plugin läuft unter Joomla 5 und Joomla 6 mit YOOtheme Pro 4.x oder 5.x und ist kostenlos.

So wird der Status ermittelt

Die Prüfung läuft auf deinem Server: Joomla ruft die Live-Seite des Kontos bei TikTok ab und liest den Status aus dem eingebetteten Seiten-JSON. Lässt er sich nicht zweifelsfrei lesen, gilt das Konto als offline, statt fälschlich live zu melden. Das Ergebnis liegt pro Konto im Joomla-Cache, die Haltedauer stellst du im Feld Prüfintervall ein, ab Werk sind es 10 Minuten. Die Anzeige ist also kein Live-Ticker, sondern der Stand der letzten Prüfung, festgeschrieben beim Ausliefern der Seite. Im Frontend läuft dafür kein JavaScript.

Datenschutz: Die Abfrage verlässt deinen Server nicht

Der Browser deiner Besucher baut zu keinem Zeitpunkt eine Verbindung zu TikTok auf: kein Skript, kein Pixel, kein Cookie, keine Übertragung der Besucher-IP. Die einzige Verbindung kommt von deinem Server. Erst wer die Anzeige anklickt, landet in einem neuen Tab auf tiktok.com. Dieser Link trägt standardmäßig rel="noopener noreferrer", deine Seite wird also nicht als Referrer weitergereicht.

Darstellung im YOOtheme-Pro-Builder

Für die Optik stehen 14 feste UIkit-3-Stile bereit: vier Label-, sechs Button- und vier Hintergrund-Varianten. Dazu kommt der Auto-Modus, der bei live grün und bei offline rot einfärbt. Drei Größenstufen greifen bei den Button-Stilen, eine Option streckt die Anzeige auf volle Breite. Ob das Element bei offline überhaupt erscheint, entscheidet eine Checkbox: Ab Werk verschwindet es, solange nicht gesendet wird. Benutzername, Live-Text, Offline-Text, Link-Titel und ARIA-Label lassen sich per Dynamic Content an Joomla-Inhalte binden.

Barrierefreiheit und Absicherung

Der Status steht als Text im Markup, etwa JETZT LIVE oder Momentan offline, und wird nicht allein über die Farbe transportiert. Genau das verlangt WCAG 2.1 AA in Kriterium 1.4.1. Das TikTok-Icon ist per aria-hidden aus der Vorlesereihenfolge genommen, das aria-label des Links nennt Konto, Status und den Hinweis auf den neuen Tab. Der Fokusrahmen ist 2 Pixel stark. Ausgegebene Texte und die Ziel-URL werden maskiert, der Benutzername vorab gegen ein festes Zeichenmuster geprüft.

Häufige Fragen

  • Was kostet das Element?

    Nichts. Du brauchst keine Lizenz, einfach herunterladen und loslegen.

  • Mit welchen Versionen läuft TikTok Live Status?

    Mit YOOtheme Pro 5 unter Joomla 5 und 6, PHP 8.1 oder neuer. Für WordPress gibt es das Element nicht.

  • Verbinden sich meine Besucher mit TikTok?

    Nein. Die Abfrage läuft auf deinem Server: kein Skript, kein Pixel, kein Cookie, keine Besucher-IP an TikTok. Erst wer die Anzeige anklickt, landet in einem neuen Tab auf tiktok.com.

  • Wie aktuell ist der angezeigte Status?

    Es ist der Stand der letzten Prüfung, kein Live-Ticker. Das Ergebnis liegt pro Konto im Joomla-Cache, ab Werk 10 Minuten, einstellbar im Feld Prüfintervall.

  • Warum sehe ich das Element nicht?

    Ab Werk verschwindet es, solange das Konto nicht live sendet. Per Checkbox zeigst du stattdessen deinen Offline-Text.

  • Was passiert, wenn TikTok den Status nicht eindeutig liefert?

    Dann gilt das Konto als offline. Das Element meldet lieber offline als fälschlich live.

  • Ist die Anzeige barrierefrei?

    Der Status steht als Text im Markup, nicht nur als Farbe, wie es WCAG 2.1 AA in Kriterium 1.4.1 verlangt. Das aria-label nennt Konto, Status und den Hinweis auf den neuen Tab.

Bewertungen

Für dieses Produkt liegen noch keine Bewertungen vor.

Nur Kundinnen und Kunden, die dieses Produkt erworben haben, können es bewerten.

Fuer welches System?

Ihre Lizenz gilt fuer beide Systeme - Sie koennen das andere Paket jederzeit nachladen.

Was sich geändert hat

TikTok Live Status

Alle gepflegten Versionen, die neueste zuerst.

  1. 1.1.5
    Sicherheit
    • Sicherheitsfix: Eigenes CSS, eine dynamisch befüllte Element-ID sowie Stil- und Größenauswahl werden jetzt vor der Ausgabe geprüft. Fremde Stylesheets und eingeschleuste Klassen sind damit ausgeschlossen.
    Behoben
    • Live detection rewritten to fail closed: the status is now read from TikTok's embedded page-state JSON together with the effective URL, and shows offline when the state cannot be parsed. Fixes accounts that were always reported as live.
    • Asset cache-busting: on-demand CSS/JS now carry a version query derived from the file modification time, so style and script updates take effect immediately after an update instead of serving stale cached files.
    Hinweis
    • After updating, save once in the YOOtheme Customizer (or recompile the theme style) to clear any old component styles still compiled into the theme CSS.
  2. 1.1.4

    Zu dieser Version ist nichts dokumentiert.

  3. Versionen ohne Eintrag
    1.0.0

    Erste Veröffentlichung

    Ab hier wird die Versionshistorie geführt.

Ihr Thema

Kurz Ihre Eckdaten - ich melde mich in der Regel innerhalb eines Werktags zurück.

Schritt 1 von 3