Mit einem eingebetteten Radio-Player können Besucher Ihren Sender mit nur einem Klick direkt auf Ihrer Website anhören, ohne eine separate App öffnen oder einen Link in einen Mediaplayer einfügen zu müssen. Dies ist eine der effektivsten Methoden, um Website-Besucher zu Hörern zu machen. In dieser Anleitung werden die verschiedenen Optionen erläutert und erklärt, wie Sie einen Player auf Ihrer Website einbinden können.
Warum einen Player einbetten? #
Das Weiterleiten von Hörern zu einer Raw-Stream-URL funktioniert zwar, ist aber nicht besonders benutzerfreundlich. Ein Player auf der Seite hält die Besucher auf Ihrer Website, wirkt professionell und bietet oft praktische Funktionen wie eine Wiedergabetaste, eine Lautstärkeregelung und die Anzeige des aktuellen Titels. Für die meisten Sender ist ein eingebetteter Player die wichtigste Möglichkeit, Besucher zum Einschalten zu bewegen.
Deine Optionen für einen Spieler #
- Ein vorgefertigter Player aus Ihrem Kontrollpanel: Viele Radio-Widgets generieren einen Einbettungscode, den Sie direkt in eine Seite einfügen können.
- Ein HTML5-Audio-Player: Eine einfache, ressourcenschonende Option unter Verwendung Ihrer Direct-Stream-URL.
- Ein Player eines Drittanbieters oder ein WordPress-Plugin: bietet zusätzliche Gestaltungsmöglichkeiten, Song-Infos und Unterstützung für Mobilgeräte.
Ein einfacher HTML5-Player einbetten #
Die einfachste Variante nutzt das Standard-Audio-Tag mit der URL Ihres Streams. Fügen Sie einen Codeausschnitt wie diesen an der Stelle Ihrer Seite ein, an der der Player angezeigt werden soll:
- Verwenden Sie ein <audio controls> Element.
- Stellen Sie als Quelle die URL Ihres Direkt-Streams ein.
- Speichern Sie die Seite und zeigen Sie eine Vorschau an, um zu überprüfen, ob sie korrekt angezeigt wird.
Dadurch stehen den Besuchern eine Wiedergabetaste und eine Lautstärkeregelung zur Verfügung, ohne dass zusätzliche Software erforderlich ist.
Einbetten in WordPress #
Wenn Ihre Website mit WordPress betrieben wird, stehen Ihnen zwei einfache Möglichkeiten zur Verfügung. Sie können den Einbettungscode des Players in einen „Benutzerdefinierten HTML“-Block auf einer beliebigen Seite oder in einem Widget-Bereich einfügen, oder Sie können ein spezielles Radio-Player-Plugin verwenden, das einen stilvoll gestalteten, mobilfreundlichen Player hinzufügt und oft den aktuellen Titel anzeigt. Plugins sind ideal, wenn Sie ein professionelles Erscheinungsbild wünschen, ohne den Code zu bearbeiten.
Tipps für ein gutes Hörerlebnis #
- Platzieren Sie den Player an einer gut sichtbaren Stelle, beispielsweise in der Kopfzeile oder in einer festen Leiste.
- Stellen Sie die automatische Wiedergabe mit Ton nicht ein, da dies die Besucher stört und von vielen Browsern blockiert wird.
- Stellen Sie sicher, dass der Player auf Mobilgeräten funktioniert, da sich dort viele Hörer aufhalten.
- Verwenden Sie Ihren HTTPS-Stream-Link auf einer HTTPS-Website, um Probleme mit gemischten Inhalten zu vermeiden.
Fehlerbehebung #
- Der Player wird angezeigt, lässt sich aber nicht abspielen: Vergewissern Sie sich, dass der Stream live ist und die URL korrekt ist.
- Auf einer HTTPS-Website blockiert: Verwenden Sie einen sicheren (HTTPS-)Stream-Link.
- Kein Ton auf dem Handy: Testen Sie einen für Mobilgeräte optimierten Player oder ein Plugin.
Brauchen Sie Hilfe? #
Wenn Sie Hilfe bei der Integration eines Players in Ihre Website benötigen, steht Ihnen unser Support-Team per Live-Chat zur Seite.
