Donation-Widgets von Streamlabs zu StreamElements übertragen

Was du vor der Übertragung beachten solltest

Streamlabs und StreamElements verwenden unterschiedliche Verwaltungsoberflächen und speichern Einstellungen auf unterschiedliche Weise. Deshalb ist eine vollständige Übertragung der Donation-Widgets per Knopfdruck in der Regel nicht möglich. Die sichere Variante ist, die Parameter manuell zu sichern, ein neues Setup in StreamElements zu erstellen, es separat zu testen und erst danach die Quellen in OBS zu ersetzen.

Die alten Widgets verschwinden nicht sofort. Wenn du die Browser-Quellen von Streamlabs in OBS lässt, funktionieren sie weiter, bis du sie entfernst, deaktivierst oder ersetzt. So kannst du das neue System vorbereiten, ohne das Risiko, während des nächsten Streams ohne Alerts dazustehen.

Lege vorher fest, welche Funktionen auf dem Kanal tatsächlich genutzt werden:

• Donation-Seite und Link für Zuschauer;
• Alerts zu Donations, Abos, Followern und anderen Events;
• Spendenziele, Liste der letzten Events, Chat und zusätzliche Elemente;
• Benachrichtigungstexte, Bilder, GIF-Animationen, Sounds und CSS;
• Links im Profil, in Chatbot-Befehlen, in der Stream-Beschreibung und in sozialen Netzwerken.

Verbinde nicht beide Systeme ohne Not mit denselben Events. Wenn ein Teil der Benachrichtigungen in Streamlabs und ein Teil in StreamElements eingeht, kann ein Event doppelt erscheinen. Entscheide vorab, welcher Dienst für neue Donations und Alerts der Hauptdienst sein soll.

Sichere die Einstellungen von Streamlabs

Öffne jedes verwendete Widget in Streamlabs und halte seine Parameter fest. Mach Screenshots von allen Tabs und kopiere Textwerte zusätzlich in ein separates Dokument. Sichere nicht nur das Aussehen, sondern auch die Anzeigebedingungen: Sie befinden sich oft getrennt von Schriftart, Farben und Animation.

Notiere für Alerts den Event-Typ, den Nachrichtentext, die Dauer, die Position auf dem Bildschirm, die Größe der Elemente sowie die Einstellungen für Ein- und Ausblendanimation. Sichere separat Schriftart, Größe und Farbe des Textes, Hintergrundfarbe, Abstände, Ausrichtung und die Reihenfolge, in der Name des Absenders und Nachricht angezeigt werden.

Wenn verschiedene Events unterschiedlich gestaltet sind, sichere die Einstellungen jeder Variante. Prüfe den Mindestbetrag der Donation, die Verzögerung, Filter, die Anzeige anonymer Nachrichten, Beschränkungen der Textlänge und die Bedingungen, unter denen ein Alert nicht angezeigt wird. Die Bezeichnungen der Parameter im neuen Editor können abweichen, deshalb sind die Werte selbst und der Zweck der Einstellung wichtig.

Lade die Dateien herunter, die im Design verwendet werden: Bilder, GIFs, Audio und CSS-Ausschnitte. Wenn eine Datei nur in Streamlabs hochgeladen wurde, erscheint sie nicht automatisch im neuen Widget. Sortiere die Materialien in Ordner und beschrifte den Zweck jeder Datei, damit du den Donation-Sound nicht mit der Musik für Abos oder Follower verwechselst.

Sichere die aktiven URLs der Browser-Quellen und die Namen der OBS-Szenen. Wenn es in den Szenen mehrere Streamlabs-Quellen gibt, notiere, wofür jede zuständig ist: Alert, Spenden Ziel, Event-Liste oder Chat. Die alten Adressen sind nützlich, um zur funktionierenden Version zurückzukehren.

Halte vor Beginn der Übertragung die aktuellen Werte der Ziele fest: Name, Gesamtlimit, gesammelter Betrag, Währung und Enddatum. Mach einen separaten Screenshot des Fortschritts. Die Zahlungshistorie und der aktuelle Wert des Ziels werden nicht automatisch Teil des neuen Kontos.

Prüfe Import und Export

Öffne vor der manuellen Einrichtung den Editor von StreamElements und prüfe, ob es in deiner Version der Oberfläche Punkte wie Import oder Export gibt. Eine solche Möglichkeit kann sich auf ein Design beziehen, das innerhalb von StreamElements erstellt wurde, und nicht auf eine vollständige Übertragung aus Streamlabs. Das Vorhandensein eines Export-Buttons bedeutet nicht, dass die Donation-Historie, Zahlungsdaten oder OBS-Quellen in die Datei aufgenommen werden.

Wenn der Editor den Export eines Overlays erlaubt, sichere zuerst eine Sicherungskopie des bereits erstellten Designs in StreamElements. Wenn der Import einer kompatiblen Datei oder Vorlage verfügbar ist, nutze ihn erst nach Prüfung des Formats. Eine aus Streamlabs exportierte Datei sollte nicht in StreamElements hochgeladen werden, wenn die Oberfläche nicht ausdrücklich auf Kompatibilität hinweist.

Der Export kann die Struktur der Szene, die Position der Elemente, Texteinstellungen oder den Code eines benutzerdefinierten Widgets speichern. Dabei können Bilder, Sounds, externe Links und CSS einen separaten Upload erfordern. Prüfe nach dem Import jedes Element im Editor und begnüge dich nicht damit, dass die Szene ohne Fehlermeldung geöffnet wurde.

Wenn es keinen kompatiblen Import gibt, nutze die gesicherten Screenshots und die Liste der Parameter. Das dauert länger, ermöglicht aber zu verstehen, welche Einstellung übertragen wurde und welche im alten System geblieben ist.

Richte das Konto und die Donation-Seite in StreamElements ein

Melde dich bei StreamElements über das Konto der Streaming-Plattform an, auf dem sich der gewünschte Kanal befindet. Prüfe vor der Einrichtung den Kanalnamen und die verbundenen Rechte. Wenn du den Dienst unter einem anderen Profil öffnest, können die neuen Widgets an einer anderen Stelle gespeichert werden, als du erwartest.

Richte im Bereich für Kanalunterstützung und Auszahlungen die verfügbare Methode zum Empfang von Donations ein. Der Dienst kann dich bitten, Daten zu bestätigen oder Zahlungsparameter erneut anzugeben. Erledige das vor der Veröffentlichung des neuen Links und prüfe die Währung, den Mindestbetrag, die Möglichkeit anonymer Donations und die Regeln zur Anzeige von Nachrichten.

Der Donation-Link von StreamElements unterscheidet sich vom Link von Streamlabs. Die Überweisungshistorie, ausstehende Auszahlungen und die Parameter der alten Seite werden nicht automatisch Teil des neuen Kontos. Schließe die alte Seite nicht sofort, besonders wenn es unvollständige Auszahlungen gibt oder Zuschauer bereits die bisherige Adresse nutzen.

Solange das neue Formular nicht geprüft ist, lass den alten Link im Profil. Öffne die Seite von StreamElements aus der Sicht eines Zuschauers und vergewissere dich, dass sie zum richtigen Kanal führt, die richtige Währung anzeigt und eine Nachricht annimmt. Nutze zum Testen die verfügbare Testmöglichkeit oder eine Variante mit minimalem Risiko und nicht eine zufällige echte Überweisung.

Erstelle Alerts und andere Widgets

In StreamElements bedeutet Overlay meist eine gemeinsame Szene oder Leinwand und nicht ein einzelnes Widget. Innerhalb eines solchen Overlays werden Elemente platziert: Alerts, Ziel, Liste der letzten Events, Chat und andere Blöcke. Erstelle deshalb zuerst ein gemeinsames Overlay für die gewünschte OBS-Szene und füge dann einzelne Elemente darin hinzu.

Wenn du mehrere Szenen mit unterschiedlichen Widget-Sets hast, erstelle dafür separate Overlays oder separate Links nur dort, wo es wirklich nötig ist. Erstelle nicht ohne Grund ein separates Overlay für jeden Alert: Ein solches Schema erschwert den Austausch von Quellen und erhöht das Risiko, ein Element mehrfach zu verbinden.

Übertrage für den Alert die folgenden Parameter:

• Event-Typen, die die Benachrichtigung auslösen sollen;
• Text der Überschrift und der Nachricht, einschließlich Variablen für Name, Betrag und Kommentar;
• Anzeigedauer, Verzögerung, Reihenfolge des Erscheinens und Bedingungen zum Ausblenden;
• Schriftart, Größe, Schriftschnitt, Farbe, Ausrichtung und Abstände;
• Größe und Position des Bildes oder GIFs;
• Ein- und Ausblendanimation, Geschwindigkeit und Art des Verschwindens;
• Mindestbetrag, Filter, Beschränkungen für Nachrichten und separate Design-Varianten;
• Sound des Events, Lautstärke und Wiedergabemethode.

Übertrage für das Spenden Ziel den Namen, den Gesamtbetrag, die Währung, das Enddatum, Beschriftungen, das Aussehen des Fortschrittsbalkens, Farben und Position. Prüfe für die Liste der letzten Events die Anzahl der Zeilen, die Sortierreihenfolge, die angezeigten Event-Typen, die Länge des Namens und das Format des Betrags. Sichere für den Chat separat die Größe des Bereichs, den Hintergrund, die Transparenz, die Schriftart, die Verzögerung und die Regeln zur Anzeige von Nachrichten.

Lade die Bilder und Sounds hoch, die aus Streamlabs gesichert wurden. Wenn das CSS Links zu Bildern oder Schriftarten verwendet, sichere nicht nur den Code selbst, sondern auch alle externen Adressen. Kopiere das CSS unverändert in das dafür vorgesehene Feld in StreamElements und prüfe dann das Ergebnis. Die Selektoren und die HTML-Struktur des neuen Widgets können abweichen, deshalb kann ein Teil der Regeln angepasst werden müssen.

Richte die Sounds für jeden Event-Typ separat ein. Prüfe die ausgewählte Datei, die Lautstärke, den Zeitpunkt der Wiedergabe und die Wiederholung. Wenn in Streamlabs ein externer Link zu Audio verwendet wurde, vergewissere dich, dass er erreichbar ist und keine Autorisierung erfordert. Wenn die Datei im alten Dienst hochgeladen wurde, lade sie erneut im neuen Widget hoch.

Aktualisiere nach dem Speichern die Vorschau. Vergewissere dich, dass das CSS den Text nicht verdeckt, das Bild die Nachricht nicht überlagert und der Alert nicht über die Grenzen der Leinwand hinausgeht. Prüfe einen langen Namen, einen mehrzeiligen Kommentar, einen großen Betrag und Sonderzeichen.

Übertrage den aktuellen Zielbetrag manuell

Name des Ziels und Gesamtlimit bedeuten nicht, dass in StreamElements automatisch der bereits gesammelte Betrag erscheint. Öffne den gesicherten Screenshot oder die aktuelle Statistik von Streamlabs und notiere den aktuellen Fortschritt, den Zielbetrag und die Währung. Wenn die Sammlung weiterläuft, halte Datum und Uhrzeit fest, um während der Übertragung keine neuen Donations zu verlieren.

Erstelle in StreamElements ein neues Ziel mit demselben Namen, demselben Gesamtlimit und demselben Enddatum. Suche dann in den Einstellungen des Ziels oder des Widgets das Feld, das für den Anfangs- oder aktuellen Fortschrittswert zuständig ist. Der Feldname kann je nach Version der Oberfläche abweichen. Gib den im alten System gesammelten Betrag ein und speichere die Änderungen.

Wenn das manuelle Festlegen eines Anfangswerts nicht unterstützt wird, erhöhe den Fortschritt nicht mit einer Test- oder echten Donation. Das verfälscht die Überweisungshistorie und kann ein zusätzliches Event in den Alerts erzeugen. Gib in diesem Fall das korrekte Gesamtlimit an und wähle für die aktuelle Sammlung eine unterstützte Anzeigemethode oder starte ein neues Ziel mit einer verständlichen Beschreibung für die Zuschauer.

Vergleiche nach dem Speichern das neue Widget mit dem alten: Prüfe die Zahl, den Prozentsatz, die Beschriftung, die Währung und das Enddatum. Wenn der Fortschritt falsch angezeigt wird, korrigiere das Ziel in StreamElements und nicht die Größe der Quelle in OBS. Wenn das Ergebnis übereinstimmt, notiere den Namen oder die Kennung des Ziels in deinem Arbeitsdokument.

Prüfe die Änderung des Fortschritts mit einem Test-Event, wenn ein solcher Modus verfügbar ist. Vergewissere dich, dass der Betrag nicht zurückgesetzt wurde und der Alert nicht doppelt erschienen ist. Erst danach verbindest du das Ziel mit der Arbeits-Szene.

Ersetze die Quellen in OBS ohne Konflikte

Erstelle zuerst eine Test-Szene oder verwende eine Kopie der Arbeits-Szene. So kannst du den neuen Link prüfen, ohne den Haupt-Stream zu verändern. Kopiere die Overlay-URL aus StreamElements und führe dann die folgenden Schritte aus:

1. Öffne die gewünschte Szene in OBS und füge eine neue Browser Source hinzu.
2. Gib ihr einen verständlichen Namen, zum Beispiel „SE — Alerts und Ziel“, damit du sie nicht mit der alten Quelle verwechselst.
3. Füge die StreamElements-URL in das Adressfeld ein.
4. Gib Breite und Höhe an, die zur Leinwand der OBS-Szene passen.
5. Prüfe Position, Sichtbarkeit und Reihenfolge der Quelle in der Ebenenliste.
6. Speichere die Quelle und warte, bis das Overlay geladen ist.
7. Deaktiviere vorübergehend die Sichtbarkeit der alten Streamlabs-Quelle in dieser Szene.
8. Starte Test-Events und vergewissere dich, dass die Benachrichtigung nur einmal erscheint.

Füge die neue Quelle nicht über der alten hinzu und lass während der Prüfung nicht beide Quellen sichtbar. Sonst kann eine Donation gleichzeitig zwei Alerts anzeigen. Wenn die alte Quelle als Reserve benötigt wird, benenne sie mit dem Hinweis „alt“ um und halte sie verborgen.

Prüfe, ob dasselbe Overlay in mehreren Szenen verbunden ist, die gleichzeitig über Gruppen, den Studio-Modus oder zusätzliche Kompositionen angezeigt werden. Dieselbe Quelle an verschiedenen Stellen kann zu einer wiederholten Anzeige der Benachrichtigung führen.

Wenn das Overlay nicht lädt, prüfe die URL, die Internetverbindung, die Größe der Quelle und die ausgewählte Szene. Versuche, die Browser Source zu aktualisieren. Ändere CSS und Größen nicht gleichzeitig mit dem Austausch des Links: Bei einer einzelnen Änderung ist die Fehlerursache leichter zu erkennen.

Füge nach der Prüfung der Test-Szene die neue Quelle in den übrigen Szenen hinzu. Vergewissere dich für jede Szene separat, dass die alte Browser Source verborgen oder entfernt ist und sich die neue an der richtigen Stelle befindet.

Prüfe Events und Sound

Verwende Test-Events in den Einstellungen von StreamElements für jeden verbundenen Benachrichtigungstyp. Prüfe Donation, Abo, Follower, Änderung des Ziels und andere Events, die auf dem Kanal tatsächlich genutzt werden. Ein einzelner Alert-Test reicht nicht: Verschiedene Events können unterschiedliche Texte, Bilder und Sounds auslösen.

Prüfe das Ergebnis an zwei Stellen: in der Vorschau von StreamElements und direkt in der OBS-Szene. Beurteile die Position des Textes, die Lesbarkeit der Nachricht, die Lautstärke, die Funktion der Animation und das Ausbleiben einer wiederholten Anzeige. Teste separat eine lange Nachricht, ungewöhnliche Zeichen und einen großen Betrag.

Prüfe den Sound im OBS-Mixer und in einer kurzen Testaufnahme. Vergewissere dich, dass das Audio nicht deaktiviert, nicht von einer anderen Quelle stummgeschaltet und an den richtigen Kanal geleitet wird. Wenn der Alert sichtbar, aber nicht hörbar ist, kann das Problem in der Einstellung der Browser Source oder im Audio-Routing liegen und nicht in der Datei selbst.

Wenn die Einstellung zur Steuerung des Sounds der Browser-Quelle über OBS verwendet wird, prüfe sie separat. Höre die Aufnahme mit derselben Lautstärke ab, die im Stream verwendet wird. Orientiere dich nicht nur am Sound in den Kopfhörern: Die Zuschauer können einen anderen Mix erhalten.

Wenn die Nachricht eines Zuschauers auf dem Bildschirm angezeigt wird, prüfe die Filterung unerwünschter Zeichen und die Möglichkeit, unpassenden Text auszublenden. Vergleiche die Anzeigedauer mit der früheren Einstellung: Einen zu kurzen Alert können Zuschauer nicht rechtzeitig lesen, ein zu langer verdeckt einen Teil der Szene.

Ersetze die Donation-Links

Wenn die neue Seite, die Alerts, das Ziel und der Sound geprüft sind, aktualisiere den Link an allen Stellen, an denen ihn Zuschauer sehen:

• Kanalbeschreibung und Profil-Panels;
• angeheftete Nachrichten und Befehle des Chatbots;
• Stream-Beschreibung und Vorlagen für Ankündigungen;
• Profile in sozialen Netzwerken und Community-Seiten;
• Videos, Beiträge und andere Materialien, in denen das alte Formular angegeben ist.

Wenn die Adresse im Text eines Alerts, in der Beschreibung eines Panels oder in einem benutzerdefinierten Widget angezeigt wird, ersetze sie auch dort. Prüfe die Bot-Befehle separat: Der Link kann in einer automatischen Antwort versteckt sein und nicht in der Hauptbeschreibung des Kanals erscheinen.

Aktualisiere zuerst das Hauptprofil und die angeheftete Nachricht und öffne dann den Kanal aus der Sicht eines Zuschauers. Prüfe, dass der neue Link zur richtigen Seite führt und die alte Adresse nicht mehr an einer sichtbaren Stelle angegeben ist. Ändere danach die übrigen Plattformen.

Schließe die alte Donation-Seite nicht sofort. Sie kann in alten Beiträgen verbleiben, und bei Zuschauern können unvollständige Überweisungen vorhanden sein. Wenn das neue Formular geprüft und die wichtigsten Links aktualisiert sind, informiere dein Publikum über den Wechsel mit einem separaten Beitrag oder einer Nachricht im Stream.

Führe die ersten Streams nach der Übertragung mit geöffneten Panels von StreamElements und OBS durch. Wenn ein Event nicht erscheint oder ein Alert falsch auslöst, erkennst du schneller, ob das Problem im Donation-Formular, in der Event-Verarbeitung, im Overlay oder in der Browser-Quelle liegt.

Sichere das Reserve-Setup

Lösche die alten Browser-Source-Quellen nicht sofort nach dem Austausch. Lass sie in der Szene verborgen oder sichere eine separate Kopie der Szenensammlung. Bewahre außerdem eine Sicherungskopie der Streamlabs-Einstellungen, der Design-Dateien, des CSS, der Sounds, der Bilder und der Liste der alten URLs auf.

Wenn das neue Overlay nicht mehr lädt, blende es vorübergehend aus und aktiviere die alte Quelle wieder. Wenn das Problem nur bei einem Element liegt, ersetze nicht die ganze Szene: Prüfe die URL, die Sichtbarkeit, die Größe der Quelle, die Event-Einstellungen und das verbundene Overlay.

Nach einigen geprüften Streams kannst du unnötige Quellen aus der Arbeits-Sammlung entfernen. Das Archiv solltest du separat aufbewahren. Es ist nützlich, wenn du das frühere Design wiederherstellen, Parameter vergleichen oder einen Teil der Elemente zurückholen möchtest.

Kurze Reihenfolge der Schritte

1. Erstelle eine Liste der Donation-Seite, der Alerts, der Ziele und anderer Widgets von Streamlabs.
2. Sichere Screenshots, Texte, CSS, Bilder, Sounds, aktuelle Werte der Ziele und alte URLs.
3. Prüfe die verfügbaren Import- und Exportfunktionen, ohne auf eine vollständige Übertragung aus Streamlabs zu setzen.
4. Verbinde den richtigen Kanal in StreamElements und richte die Donation-Seite ein.
5. Erstelle ein gemeinsames Overlay für die Szene und übertrage Alerts und andere Elemente manuell.
6. Lade Sounds und Bilder hoch, füge CSS ein, prüfe Anzeigebedingungen und Aussehen.
7. Erstelle ein Ziel und gib den aktuellen Fortschritt manuell an, wenn die Oberfläche dies unterstützt.
8. Füge eine neue Browser Source in die Test-Szene von OBS ein, ohne die alte zu löschen.
9. Prüfe Events, Sound, Position der Elemente, lange Nachrichten und das Ausbleiben von Duplikaten.
10. Ersetze die Links im Profil, im Bot, in Beschreibungen und in sozialen Netzwerken.
11. Führe einige Streams mit dem Reserve-Setup durch und entferne alte Quellen erst nach der Prüfung.