Speeeak einbauen
in deine Website.
Recorder-Widget, eingebettete Sprachnachrichten, WordPress, React, API – alles in wenigen Zeilen. Ab Speeeak Plus.
1. Recorder-Widget – Besucher sprechen dir eine Nachricht ein
Schlüssel im Konto unter Widgets anlegen, dann diese Zeile dort einfügen, wo das Widget erscheinen soll:
<script src="https://speeeak.de/js/widget.js" data-widget="DEIN-SCHLÜSSEL" async></script>Optional data-breite="100%". Die Höhe passt sich von selbst an. Nachrichten landen in deinem Eingang – mit Name, E-Mail und Betreff, wenn du die Felder einschaltest.
2. Sprachnachricht mit Landingpage einbetten
Jede Nachricht mit Landingpage hat im Konto den Knopf „Einbetten“. Der Schnipsel:
<script src="https://speeeak.de/js/einbetten.js" data-nachricht="KENNUNG" async></script>Ohne Script: <iframe src="https://speeeak.de/n/KENNUNG/einbetten" style="width:100%;max-width:720px;height:620px;border:0"></iframe>
3. WordPress
- ZIP herunterladen, in WordPress unter Plugins → Installieren → Plugin hochladen hochladen und aktivieren.
- Einstellungen → Speeeak öffnen – dort steht Schritt für Schritt, wo du den Widget-Schlüssel findest und wie du das Widget auf eine Seite setzt (Block „Speeeak Widget“ oder Shortcode
[speeeak_widget]). - Eine Nachricht einbetten: Block „Speeeak Nachricht“ mit der Kennung aus dem Hörlink – oder
[speeeak_nachricht kennung="…"].
4. React
SpeeeakWidget.jsx herunterladen
import { SpeeeakWidget, SpeeeakNachricht } from './SpeeeakWidget';
<SpeeeakWidget schluessel="w…" breite="640px" />
<SpeeeakNachricht kennung="…" />Keine Abhängigkeiten außer React. Die Komponente kümmert sich um die Höhe und nimmt nur Meldungen von speeeak.de an.
5. Erlaubte Websites und Datenschutz
- Im Widget kannst du festlegen, auf welchen Websites es laufen darf – dann wird es nirgendwo sonst angezeigt.
- Besucher sehen vor dem Senden, an wen die Nachricht geht und wie lange sie gespeichert wird; sie bestätigen das mit einem Haken.
- Alles liegt auf Servern in der EU und wird nach Ablauf deiner Speicherfrist automatisch gelöscht.
Du willst Nachrichten per Schnittstelle abholen oder in eigene Systeme schicken? Schreib uns: kontakt@owmediasolutions.de – die API gibt es für Business-Kunden.
Für Gedanken, die man lieber hört.