🧰 ToolPicoAlle Tools →
StartseiteBlog › Follower-Zähler im Stream-Setup

Den Live-Follower-Zähler ins Stream- und Social-Setup einbauen: OBS-Overlay, Bestenliste und PNG-Karte kombiniert

Der Live-Follower-Zähler von ToolPico lässt sich nicht nur einzeln als Browser-Tool nutzen, sondern auch als Baustein in einem größeren Setup: als transparentes Overlay in OBS während eines Streams, als Vergleichs-Quelle über die Bestenliste oder als fertige Karte für einen Social-Media-Post. Dieser Ratgeber zeigt die Kombination anhand eines angenommenen Beispiel-Setups und nennt typische Stolpersteine beim Einbau.

Inhalt
  1. Overlay in eine bestehende OBS-Szene einbauen
  2. Über die Bestenliste einen Vergleichs-Kanal finden
  3. PNG-Karte und Teilen-Buttons für Social Media nutzen
  4. Typische Stolpersteine beim Einbau
  5. Häufig gestellte Fragen

Das Overlay in eine bestehende OBS-Szene einbauen

KurzantwortNach dem Start des Zählers für einen Kanal öffnet die Karte „Einbettbares Widget” einen OBS-Browser-Quelle-Link. In OBS genügt: Quelle hinzufügen, „Browser” wählen, Link einfügen, Breite 600 und Höhe 200 als Startwert setzen — der Zähler läuft auf transparentem Hintergrund.

Der praktische Vorteil gegenüber vielen anderen Overlay-Lösungen: Es ist kein zusätzliches Browser-Plugin und keine separate Software nötig, der Link funktioniert direkt als OBS-Browser-Quelle. Angenommen, ein Streamer möchte den eigenen Kanal-Zähler dauerhaft unten links im Bild zeigen, während im Hauptbereich das Gameplay läuft: Die Quelle lässt sich nach dem Einfügen frei im OBS-Vorschaufenster skalieren und in eine Ecke ziehen, ganz ohne den restlichen Szenenaufbau zu verändern.

Warum eine Browser-Quelle statt eines Bildes oder Textfelds?

Eine Browser-Quelle lädt die Widget-Seite live und aktualisiert den Zählerstand fortlaufend im Hintergrund, ohne dass Bilder manuell ausgetauscht werden müssen. Das ist derselbe Mechanismus, den auch andere OBS-Overlays (Uhrzeit, Chat, Alerts) verwenden.

Wer während eines längeren Streams mehrere Szenen wechselt (z. B. „Just Chatting” und „Gameplay”), kann dieselbe Browser-Quelle in beide Szenen kopieren, sodass der Zähler durchgehend sichtbar bleibt, ohne den Link erneut einfügen zu müssen.

Über die Bestenliste einen passenden Vergleichs-Kanal finden

KurzantwortDie Bestenliste ordnet den kuratierten Datensatz nach Gesamtgröße und nach schnellstem täglichem Wachstum. Ein Klick auf eine Zeile öffnet direkt den Live-Zähler dieses Kanals — praktisch, um schnell einen zweiten Kanal für das Overlay oder das Creator-Rennen auszuwählen.

Ein typischer Ablauf: Ein Creator möchte im Stream nicht nur den eigenen Zähler zeigen, sondern zusätzlich, wie weit ein etwas größerer Kanal aus derselben Kategorie entfernt ist. Statt den Nutzernamen von Hand zu suchen, hilft ein Blick in die Bestenliste nach Kategorie und Wachstumstempo, um einen sinnvollen Vergleichs-Kanal auszuwählen — diesen dann im Creator-Rennen gegen den eigenen Kanal antreten lassen oder als zweite Browser-Quelle parallel ins Overlay legen.

Praxis-Tipp: Für ein Overlay mit zwei Kanälen gleichzeitig einfach zwei separate Browser-Quellen mit je einem eigenen Widget-Link anlegen und nebeneinander in der Szene platzieren, statt zu versuchen, beide in ein einziges Fenster zu zwingen.

PNG-Karte und Teilen-Buttons für Social-Media-Posts nutzen

KurzantwortDie Live-Zähler-Karte lässt sich direkt als PNG-Bild herunterladen und enthält Kanalname, Zählerstand und Metrik in einem festen Layout. Zusätzlich gibt es direkte Teilen-Buttons für WhatsApp, X und Reddit sowie einen Link-Kopieren-Button.

Für einen Meilenstein-Post eignet sich folgender Ablauf: Zähler für den eigenen (oder einen anderen interessanten) Kanal starten, kurz warten, bis sich Wachstumschart und Bewertungsbogen aufgebaut haben, dann die Karte als PNG herunterladen und direkt als Bild in einem Beitrag verwenden — ohne einen Browser-Screenshot mit sichtbarer Adressleiste oder Werbebannern nachbearbeiten zu müssen. Für einen schnellen Hinweis reicht dagegen einer der Teilen-Buttons, der einen fertigen Link zum jeweiligen Kanal öffnet.

Wer regelmäßig über Wachstum berichtet, kann die PNG-Karte auch als Vorher-Bild für eine spätere Vergleichsserie aufheben, etwa „Kanal X vor drei Monaten” neben einer neuen Karte mit aktuellem Stand — eine einfache visuelle Methode, um Fortschritt zu zeigen, ohne selbst ein Diagramm bauen zu müssen.

Typische Stolpersteine beim Einbau vermeiden

Drei Punkte tauchen in der Praxis am häufigsten auf, wenn das Overlay oder die Karte zum ersten Mal eingebaut werden:

1. Grauer statt transparenter Hintergrund in OBS. Meist liegt es an der Option „Shutdown source when not visible” oder an deaktivierter Hardware-Beschleunigung im Browser-Rendering von OBS — beide Einstellungen prüfen, bevor man den Link selbst in Frage stellt.

2. Zu kleine Overlay-Fläche. Wird die Browser-Quelle sehr klein skaliert, kann die Schrift des Zählers abgeschnitten wirken. Ein kurzer Testlauf vor dem eigentlichen Stream mit Breite 600 / Höhe 200 als Ausgangspunkt beugt dem vor.

3. Veraltete Karte in einem späteren Post wiederverwenden. Da der Zählerstand beim erneuten Öffnen live neu aufgebaut wird, sollte für einen aktuellen Post die PNG-Karte frisch heruntergeladen werden, statt eine ältere, gespeicherte Version weiterzuverwenden.

Häufig gestellte Fragen

Warum bleibt das OBS-Overlay bei mir grau statt transparent?
Meist liegt es daran, dass in OBS unter der Browser-Quelle die Option „Shutdown source when not visible” aktiv ist oder die Hardware-Beschleunigung im Browser-Rendering deaktiviert wurde. Beides kann dazu führen, dass der transparente Hintergrund als grauer oder schwarzer Kasten gerendert wird. Der Link selbst liefert einen transparenten Hintergrund; das Problem liegt fast immer an den OBS-Quelleinstellungen, nicht am Zähler-Code.
Welche Breite und Höhe sollte die Browser-Quelle in OBS haben?
Als Startwert eignen sich Breite 600 und Höhe 200 Pixel, danach lässt sich die Quelle im OBS-Vorschaufenster frei skalieren und positionieren, zum Beispiel in eine Ecke der Stream-Szene. Bei sehr kleinen Overlay-Bereichen kann Text abgeschnitten wirken, daher lohnt sich ein kurzer Test-Stream vor dem eigentlichen Live-Gang.
Kann ich mehrere Kanal-Overlays gleichzeitig in einer Szene anzeigen?
Ja. Jeder gestartete Zähler erzeugt einen eigenen Widget-Link für genau den gewählten Kanal, sodass sich mehrere Browser-Quellen mit unterschiedlichen Links parallel in derselben OBS-Szene anordnen lassen, etwa der eigene Kanal links und ein Vergleichskanal rechts.
Wie nutzt man die PNG-Karte sinnvoll für einen Social-Media-Post?
Die Karte fasst Kanalname, aktuellen Zählerstand und Metrik in einem festen Bildformat zusammen und lässt sich direkt als PNG herunterladen, ohne dass ein Screenshot mit Browser-Rahmen nötig ist. Praktisch für einen Meilenstein-Post, einen Wochenrückblick oder als Vorher-Bild in einer späteren Vergleichsserie.
Wie finde ich über die Bestenliste einen passenden Kanal für das Overlay oder das Rennen?
Die Bestenliste sortiert den kuratierten Datensatz sowohl nach absoluter Follower-Größe als auch nach schnellstem täglichem Wachstum. Ein Klick auf eine Zeile öffnet direkt den Live-Zähler dieses Kanals, was sich gut eignet, um schnell einen thematisch passenden Vergleichs- oder Vorbild-Kanal für ein Overlay oder das Creator-Rennen auszuwählen, statt den Nutzernamen von Hand suchen zu müssen.

Overlay und Karte direkt ausprobieren

Kanal auswählen, Zähler starten und Widget-Link, PNG-Karte sowie Bestenliste direkt für das eigene Setup nutzen.

Zähler öffnen →

Weiterführende Ratgeber

Methodik-Hinweis: Alle Setup-Beispiele, Kanalnamen und Zahlen in diesem Artikel sind frei gewählte, beispielhafte Szenarien zur Veranschaulichung des Einbaus — keine echten oder garantierten Werte einzelner Kanäle. Dieser Beitrag dient ausschließlich der allgemeinen Information.