0:00 / 0:00
Integration

Eine Zeile Code.
Fertig.

Den OKAYPLAY Audio-Player in deine Website einzubinden dauert weniger als eine Minute. Kein Plugin, kein Abo, keine Konfiguration.

HTML – vor </body> einfügen
<script src="https://okayplay.io/player.js" data-api-key="DEIN_API_KEY" async></script>

Deinen persönlichen Einbettungscode findest du nach der Registrierung in deiner Übersicht.

Schritt für Schritt

So bindest du den Player ein

01

Kostenlos registrieren

Erstelle ein Konto als Webseitenbetreiber. Du erhältst sofort deinen persönlichen Einbettungscode mit individuellem Schlüssel.

02

Skript einbauen

Kopiere die eine Zeile JavaScript und füge sie in den Quellcode deiner Website ein – direkt vor dem schließenden </body>-Tag.

<script src="https://okayplay.io/player.js" data-api-key="okp_abc123..." async></script>
03

Automatische Erkennung

Das Skript erkennt automatisch den Texttext auf deiner Seite und meldet ihn an OKAYPLAY. Sobald ein Sprecher deinen Texte eingesprochen hat, erscheint der Abspielen-Knopf automatisch.

04

Fertig

Deine Besucher können den Text jetzt anhören – auf dem Handy, am Rechner, unterwegs. Kein weiterer Aufwand von deiner Seite.

Kompatibel mit jeder Plattform

Das OKAYPLAY-Skript funktioniert überall, wo du HTML einbinden kannst – unabhängig vom System.

WordPress

Über den Theme-Editor, ein Kopfzeilen-Plugin oder die functions.php. Funktioniert mit jedem Theme und Seitenbaukasten.

Shopify

Im Theme-Bereich unter theme.liquid vor dem schließenden Body-Tag einfügen. Auch für Blog-Beiträge im Shop.

Webflow

Unter Projekteinstellungen → Eigener Code → Fußzeilen-Code. Wird automatisch auf allen Seiten geladen.

Eigener Code

Bei selbst gebauten Websites einfach die Zeile vor </body> in dein Template einfügen. Funktioniert mit PHP, React, Vue und jedem anderen System.

Wix / Squarespace

Über die Einbettungsfunktion für eigenen Code. Beide Plattformen erlauben JavaScript im Kopf- oder Fußbereich.

Google Tag Manager

Als benutzerdefiniertes HTML-Tag einrichten und auf allen Seiten auslösen. Ideal wenn du bereits einen Tag Manager nutzt.

Technische Details

Asynchrones Laden

Das Skript wird mit dem async-Attribut geladen und blockiert weder den Seitenaufbau noch andere Ressourcen. Deine Ladezeit bleibt unverändert.

Automatische Texterkennung

Das Skript erkennt den Hauptinhalt deiner Seite anhand der HTML-Struktur – Überschriften, Absätze und Textbereiche werden automatisch erfasst.

Kein Cookie-Banner nötig

OKAYPLAY setzt keine Werbe-Cookies und speichert keine personenbezogenen Daten deiner Besucher. Kein Einfluss auf deinen Datenschutzhinweis.

Dateigröße

Das Player-Skript ist unter 15 KB groß (komprimiert). Zum Vergleich: Ein einzelnes Webfont ist typischerweise drei- bis fünfmal so groß.

Responsiver Player

Der Abspielen-Knopf passt sich automatisch an die Bildschirmgröße an – optimiert für Handy, Tablet und Rechner.

Echte Stimmen

Anders als bei KI-basierten Lösungen werden deine Texte von echten Menschen eingesprochen – mit natürlicher Betonung und Emotion.

In 60 Sekunden eingebunden

Registriere dich, kopiere deinen Code, fertig. Keine Kosten, kein Abo.

Jetzt kostenlos starten

Keine Kreditkarte · Kein Abo · Keine versteckten Kosten

Häufige Fragen zur Einbindung

Verlangsamt das OKAYPLAY-Skript meine Website?
Nein. Das Skript wird asynchron geladen und blockiert weder den Seitenaufbau noch andere Elemente. Die Ladezeit deiner Seite wird nicht beeinflusst.
Funktioniert OKAYPLAY mit WordPress?
Ja. Du kannst das Skript einfach in den Kopf- oder Fußbereich deines WordPress-Themes einfügen – per functions.php, einem Kopfzeilen-Plugin oder direkt im Theme-Bearbeiter.
Brauche ich technische Kenntnisse?
Minimale. Du kopierst eine Zeile Code und fügst sie vor dem schließenden Body-Tag ein. Wenn du einen Blog betreiben oder eine Website bearbeiten kannst, kannst du auch OKAYPLAY einbinden.
Kann ich den Player optisch anpassen?
Der Player passt sich automatisch an dein Design an. Position und Erscheinungsbild können über optionale Datenattribute gesteuert werden.
Welche Daten werden erhoben?
OKAYPLAY erhebt ausschließlich anonymisierte Wiedergabedaten. Keine Cookies, keine persönlichen Daten deiner Besucher. Alles DSGVO-konform.
Was passiert, wenn noch kein Sprecher meinen Texte eingesprochen hat?
Dann wird kein Abspielen-Knopf angezeigt. Sobald eine Aufnahme verfügbar ist, erscheint der Player automatisch – ohne dass du etwas ändern musst.