Wie man ein Video in WordPress einbettet (3 Wege für Anfänger)

Veröffentlicht: 2023-01-19
Facebook Twittern LinkedIn

Das Platzieren von Videos auf Ihrer Website ist eine bewährte Methode, um das Interesse und die Zeit zu steigern, die Besucher auf Ihrer Website verbringen. Möchten Sie wissen, wie Sie ein Video auf einfachste Weise in WordPress einbetten können?

In diesem Artikel gehen wir auf 3 verschiedene Möglichkeiten ein Video in eine WordPress-Webseite oder einen WordPress-Beitrag einzubetten. Eingebettete Videos werden woanders gehostet, z. B. auf YouTube, aber sie werden auf Ihrer Website angezeigt und abgespielt.

Wir zeigen Ihnen auch, wie Sie Ihre Videowiedergaben und andere Statistiken in WordPress verfolgen können.

Warum Videoinhalte zu Ihrer WordPress-Site hinzufügen?

Menschen, die heutzutage im Internet surfen, erwarten beim Besuch von Websites ein umfassendes und umfassendes Erlebnis. Das bedeutet, dass Sie eine Vielzahl von Inhalten anbieten müssen, und zwar Inhalte, die die Interaktivität fördern. Durch das Hinzufügen von Videos zu Ihrer Website werden diese beiden Ziele erreicht.

MonsterInsights ist das beste WordPress Analytics-Plugin. Erhalte es kostenlos!

Ist es schwierig, Videos zu WordPress hinzuzufügen?

Es ist eigentlich sehr einfach, Videos zu einer WordPress-Site hinzuzufügen. Es gibt mehrere Methoden, und bei den meisten müssen Sie lediglich eine Video-URL oder eine kurze Textfolge kopieren und einfügen.

In Ordnung, da wir Ihnen gesagt haben, wie einfach es ist, ein Video einzubetten, fangen wir gleich an….

3 einfache Möglichkeiten, ein Video in WordPress einzubetten

Wir werden die einfachsten Methoden zum Einbetten eines Videos in einen WordPress-Beitrag oder eine Seite beschreiben.

  1. Betten Sie Videos mit einem WordPress-Plugin ein
  2. Einbetten von Videos mit dem WordPress-Blockeditor
  3. Einbetten von Videos mit dem klassischen WordPress-Editor

Wir beginnen mit der leistungsstärksten und effektivsten Methode, um Videos zu WordPress hinzuzufügen: die Verwendung eines speziellen Plugins, das für die Verwaltung von YouTube-Videoinhalten entwickelt wurde.

Methode 1: Wie man Videos mit einem Plugin in WordPress einbettet

WordPress-Benutzer haben das Glück, eine riesige Auswahl an Plugins zu haben, die es selbst Anfängern leicht machen, Websites erweiterte Funktionen hinzuzufügen.

Jetzt kann jeder ohne Programmierung oder technische Erfahrung Videodateien in eine WordPress-Site einbetten!

In diesem Tutorial verwenden wir den YouTube Feed Pro von Smash Balloon, um YouTube-Videos einzubetten.

Smash Balloon WordPress Video-Einbettungs-Plugin

YouTube ist die weltweit beliebteste Video-Hosting-Plattform und mit Smash Balloon können Sie YouTube-Inhalte direkt auf Ihrer Website platzieren.

Sie können YouTube-Videos von Ihrem eigenen Konto oder von einem anderen Konto hinzufügen. Sie können sogar einen Suchbegriff erstellen und Videos anzeigen, die Ihrer Suche entsprechen! Sie haben auch viele Anzeigeoptionen, von einer Galerieansicht bis zu einzelnen Videos.

Um zu beginnen, müssen Sie das YouTube Feed Pro-Plugin von Smash Balloon auf WordPress installieren.

Installieren und aktivieren Sie YouTube Feed Pro

Besuchen Sie Smash Balloon und holen Sie sich hier Ihre YouTube Feed Pro-Lizenz. Der persönliche Plan bietet Ihnen alle Funktionen, die Sie zum Einbetten von Videos auf einer einzigen Website benötigen.

Smash Balloon YouTube Feed Pro Plugin herunterladen

Besuchen Sie nach Abschluss Ihres Kaufs die Seite Mein Konto » Downloads auf Smash Balloon, um die Plugin-Datei herunterzuladen. Klicken Sie einfach auf das Download-Symbol neben YouTube Feed Pro , um es auf Ihrem Computer zu speichern.

Während Sie sich auf der Seite „Downloads“ befinden, sollten Sie auch Ihren Lizenzschlüssel aus dem Feld „ Lizenz “ kopieren. Diesen Lizenzschlüssel gibst du im nächsten Schritt in WordPress ein.

An dieser Stelle müssen Sie sich bei WordPress anmelden, um die Installation abzuschließen. Sobald Sie sich im WordPress-Dashboard befinden, klicken Sie auf Plugins » Neu hinzufügen . Klicken Sie dann oben auf dem Bildschirm auf die Schaltfläche Plug -in hochladen.

WordPress Upload-Plugin hinzufügen

Wählen Sie nun die Datei aus, die Sie von Smash Balloon heruntergeladen haben, und klicken Sie auf Jetzt installieren .

WordPress Installieren Sie das Smash Balloon-Plugin

Klicken Sie nach der Installation des Plugins auf Plugin aktivieren und Sie sind fertig! Überprüfen Sie zur Bestätigung Ihr WordPress-Dashboard-Menü auf ein neues Element mit dem Titel YouTube-Feed .

YouTube Feed Pro-Menü

Okay, eine letzte Sache, um das Setup abzuschließen. Klicken Sie auf YouTube Feed » Einstellungen und geben Sie den Lizenzschlüssel ein, den Sie zuvor von Ihrem Smash Balloon-Konto kopiert haben. Klicken Sie nach dem Einfügen des Schlüssels auf Aktivieren , um den Vorgang abzuschließen.

Smash Balloon Aktivierungslizenz Embed Video WordPress Plugin

Das war's, machen wir weiter und erstellen einen neuen Video-Feed zum Einbetten in WordPress.

Erstellen Sie einen neuen Video-Feed

Um einen neuen Video-Feed im Plugin zu erstellen, klicken Sie im Menü auf Alle Feeds . Da Sie noch keine Feeds haben, zeigt dieser Bildschirm den Assistenten für neue Feeds an. Sie können auf die Schaltfläche Neu hinzufügen klicken.

Neuen Feed hinzufügen, um Video in WordPress einzubetten

Jetzt sehen Sie die verschiedenen Feed-Typen, die Sie mit Smash Balloon einbetten können. Sie haben hier 6 Möglichkeiten:

  • Kanal – Zeigt einen Feed aller Videos auf dem ausgewählten Kanal an
  • Playlist – Zeigt eine Playlist an, die Sie aus Ihrem Kanal auswählen
  • Favoriten – Zeigt die Lieblingsvideos aller Benutzer an
  • Suche – Zeigt Videos an, die Ihren ausgewählten Suchkriterien entsprechen
  • Live-Streams – Zeigt aktuelle und kommende Live-Stream-Videos an
  • Einzelne Videos – Ermöglicht das Kuratieren einer Liste mit einzubettenden Einzelvideos

Smash Balloon Video Embed-Feed-Typen

Wählen Sie den Feed-Stil aus, den Sie auf Ihrer Website anzeigen möchten, und klicken Sie dann auf Weiter .

Hier wirst du aufgefordert, dein YouTube-Konto mit deiner Kanal-ID oder deinem Nutzernamen zu verbinden.

Smash Balloon Quellkanal YouTube hinzufügen

Deine Kanal-ID ist die Zeichenfolge aus Buchstaben und Zahlen, die du in der URL findest, wenn du dich in deinem Kanal-Dashboard in YouTube befindest. Die Kanal-ID wird im roten Feld angezeigt:

Beispiel für eine YouTube-Kanal-ID

Dein Nutzername wird in der URL angezeigt, wenn du dich auf der Startseite deines Kanals befindest. In dieser URL, www.youtube.com/@Monsterinsightsplugin , lautet der Benutzername beispielsweise @Monsterinsightsplugin .

Geben Sie eines dieser beiden Elemente in das Feld ein und klicken Sie auf Weiter . An dieser Stelle werden Sie aufgefordert, einen YouTube-API-Schlüssel einzugeben oder ein Konto auszuwählen, mit dem Sie sich verbinden möchten.

Fügen Sie den YouTube-API-Schlüssel oder das Konto hinzu

Am besten geben Sie einen API-Schlüssel von Google ein, der Ihr YouTube-Konto verifiziert. Folgen Sie einfach dieser einfachen Anleitung, um einen kostenlosen API-Schlüssel von Google zu erhalten.

Gestalten und passen Sie Ihren eingebetteten Video-Feed an

Nachdem Sie Ihren API-Schlüssel eingegeben haben, wählen Sie eine Vorlage aus, um mit Ihrem Design zu beginnen. Keine Sorge, Sie können dies später leicht ändern.

Wählen Sie Video-Feed-Vorlage

Klicken Sie auf Weiter , um fortzufahren. Ihr Feed ist fertig, aber jetzt haben Sie die Möglichkeit, ihn so anzupassen, dass er im Feed-Editor genau Ihren Wünschen entspricht.

Editor für eingebettete YouTube-Video-Feeds

Hier können Sie Ihre Vorlage ändern und eine Vorschau anzeigen, wie sie alle aussehen. Sie haben auch Optionen zum Bearbeiten des Layouts, der Farben, der Kopfzeile, der Schaltflächen und des Aussehens des Videoplayers.

Auf der Registerkarte Einstellungen können Sie Ihren Feed-Typ und die Quelle ändern, Filter für die anzuzeigenden Videos festlegen und andere erweiterte Einstellungen ändern.

Wenn Sie mit der Darstellung Ihres Video-Feeds auf dem Vorschaubildschirm zufrieden sind, klicken Sie auf die Schaltfläche Speichern. Ihr Feed ist fertig eingerichtet und kann veröffentlicht werden, tolle Arbeit!

Veröffentlichen Sie Ihren Video-Feed auf WordPress

Um Ihren YouTube-Feed als eingebettetes Video in WordPress zu veröffentlichen, klicken Sie im Feed-Bearbeitungsbildschirm auf die Schaltfläche Einbetten . Stellen Sie sicher, dass Sie zuerst alle Ihre Änderungen speichern!

Video in WordPress Shortcode einbetten

Das Feld „ Feed einbetten “ wird geöffnet. Dies gibt Ihnen 3 Optionen zum Einbetten Ihres Video-Feeds.

Zunächst können Sie den Shortcode kopieren und diesen Text auf jeder Seite, jedem Post oder Widget platzieren.

Zweitens können Sie auf die Schaltfläche Zu einer Seite hinzufügen klicken, um eine Liste aller Ihrer veröffentlichten Seiten anzuzeigen. Wählen Sie eine Seite aus und klicken Sie auf Hinzufügen , um sie sofort im Bearbeitungsmodus zu öffnen. Dann werden Sie aufgefordert, einen Block namens Feeds for YouTube auszuwählen.

YouTube-Feed Pro blockiert WordPress

Klicken Sie einfach auf den Block und Ihr Feed wird auf der Seite platziert!

Wenn Sie schließlich ein Video in ein WordPress-Widget einbetten möchten, können Sie auf die Schaltfläche Zu einem Widget hinzufügen klicken. Der Widgets -Bildschirm wird geöffnet und erstellt ein Widget mit Ihrem Shortcode. Platzieren Sie das Widget an einer beliebigen Stelle in einer Seitenleiste, Fußzeile oder an einer anderen Widget-Position.

In Ordnung, damit endet unser Tutorial zur Verwendung eines leistungsstarken Plugins wie YouTube Feed Pro zum Einbetten von Videos in WordPress. Wie versprochen, sehen wir uns jetzt an, wie man Videos ohne Plugin hinzufügt.

So fügen Sie Videos ohne Plugin zu WordPress hinzu

Nun, vielleicht haben Sie Videos, die auf einem anderen Dienst als YouTube gehostet werden. Sie können diese Videos immer noch einfach in Ihre WordPress-Site einbetten.

Wir zeigen Ihnen zwei Möglichkeiten, Videos ohne Plugin in WordPress einzubetten. Die eine Methode nutzt den WordPress-Blockeditor, die andere funktioniert für den klassischen Editor.

Leider funktionieren diese Methoden wirklich nur zum Hinzufügen einzelner Videos. Wenn Sie also einen Galerie- oder Karussell-Anzeigetyp wünschen oder mehrere Videos, Wiedergabelisten usw. anzeigen möchten, müssen Sie bei einem Plugin bleiben.

Beginnen wir mit der Blockmethode….

Methode 2: Einbetten eines Videos mit WordPress-Blöcken

Verwenden Sie den Gutenberg-Blockeditor von WordPress in Ihrem Seitenbearbeitungsbildschirm? Wenn ja, haben wir eine supereinfache Lösung zum Einbetten von Videoinhalten mithilfe von Blöcken.

Zuerst öffnen Sie ein Video auf YouTube oder einem anderen Dienst, das Sie auf Ihrer Website einbetten möchten. Klicken Sie dann auf die Schaltfläche Teilen . So sieht es auf YouTube aus:

YouTube Share Video-Einbettungslink

Das Dialogfeld „Teilen“ mit einem teilbaren Link für das Video wird geöffnet. Kopieren Sie diesen Link, indem Sie auf die Schaltfläche Kopieren klicken.

Öffnen Sie nun eine Seite oder einen Beitrag in WordPress und platzieren Sie Ihren Cursor dort, wo Sie Ihr Video einbetten möchten.

Obwohl Sie zuerst einen Blocktyp auswählen können, können Sie den Link auch einfach in den Standard- Absatzblock einfügen. Wenn WordPress den Videodienst unterstützt, ändert es den Blocktyp automatisch.

So sieht der Freigabelink in Vimeo aus:

Vimeo-Freigabelink Video einbetten

Nachdem Sie diesen Link in den Blockeditor von WordPress eingefügt haben, ist das alles, was Sie tun müssen, wenn das Video angezeigt wird!

Wenn das Video nicht angezeigt wird, unterstützt WordPress den Videodienst, in den Sie Ihren Link kopiert haben, möglicherweise nicht. Hier ist ein Beispiel der in WordPress verfügbaren <embed>-Blöcke.

WordPress Gutenberg Videoblöcke einbetten

Wie Sie sehen können, werden mehrere Videoplattformen unterstützt, darunter YouTube, Vimeo, Animoto und mehr. Es gibt auch einen generischen Embed -Block, den Sie verwenden können, wenn Ihre Plattform nicht nativ unterstützt wird.

Wenn Sie Ihr Video mit seinem nativen Block in WordPress einbetten möchten, suchen Sie einfach nach dem Namen Ihrer Videoplattform. Fügen Sie den Block zu Ihrer WordPress-Seite hinzu und fügen Sie dann Ihre Video-URL in das dafür vorgesehene Feld ein. Hier ist der Vimeo-Block im WordPress-Seiteneditor:

WordPress Vimeo-Video-Einbettungsblock

Das ist alles, was Sie tun müssen, um ein Video im WordPress-Blockeditor hinzuzufügen. Ziemlich einfach!

Methode 3: Einbetten eines Videos in den klassischen WordPress-Editor

Wenn Sie noch den alten klassischen Editor in WordPress verwenden, ist es immer noch einfach, Videos einzubetten. Der Prozess funktioniert etwas anders, also werfen wir einen Blick darauf.

Der klassische WordPress-Editor hat zwei Registerkarten: Visuell und Text . Wenn Sie eine Seite auf der Registerkarte „Visuell“ bearbeiten, können Sie einfach den URL-Link zum Teilen von Videos von Ihrem Dienst einfügen, sofern dies von WordPress unterstützt wird.

Die Registerkarte „Visuell“ funktioniert also im Grunde genauso wie der Blockeditor. Fügen Sie Ihren Video-URL-Link in die Seite ein und WordPress konfiguriert das Video automatisch.

Wenn Sie jedoch ein Video über die Registerkarte „Text“ hinzufügen möchten, können Sie den URL-Link nicht verwenden. Sie müssen den Einbettungscode von Ihrem Videodienst abrufen.

WordPress-Text-Tab Video-Einbettungscode hinzufügen

In Vimeo befindet es sich in der Embed -Box, wie in unserer Aufnahme oben zu sehen ist. Kopieren Sie einfach diesen Code und fügen Sie ihn in den HTML-Code auf der Registerkarte „Text“ in WordPress ein.

In YouTube müssen Sie im Dialogfeld „Teilen“ auf die Schaltfläche „Einbetten“ klicken.

YouTube-Schaltfläche zum Einbetten von Videos

Dann sehen Sie den Code, den Sie kopieren müssen, um das Video in WordPress einzubetten.

Einbettungscode für YouTube-Videos

Fügen Sie Ihren Code an der Stelle ein, an der das Video erscheinen soll, und Sie sind fertig. Speichern Sie Ihr neues eingebettetes Video und sehen Sie sich eine Vorschau an!

So verfolgen Sie Videowiedergaben mit MonsterInsights

Sobald Ihre Videos beginnen, mehr Besucher auf Ihre Website zu ziehen, möchten Sie genau wissen, wie Benutzer mit diesen Inhalten interagieren.

MonsterInsights-Homepage

Wenn Sie MonsterInsights verwenden, das beste Google Analytics-Plugin für WordPress, können Sie Ihre Videostatistiken direkt im WordPress-Dashboard sehen. Und das Plug-in richtet das Video-Tracking automatisch ein, sodass Sie sich keine Gedanken über das Hinzufügen von benutzerdefiniertem Code oder Tags zu Ihrer Website machen müssen.

MonsterInsights unterstützt YouTube-, Vimeo- und HTML5-Videotracking in WordPress.

Um die erweiterten Video-Tracking-Funktionen nutzen zu können, benötigen Sie einen MonsterInsights Plus-Plan oder besser.

Nachdem Sie das MonsterInsights-Plug-in installiert haben, können Sie das Medien-Add-on aktivieren, um auf den Medienbericht zuzugreifen. Um dann Ihre Videowiedergabestatistiken in MonsterInsights anzuzeigen, gehen Sie zu Einblicke » Berichte und klicken Sie auf die Registerkarte Medien .

Neuer MonsterInsights-Medienbericht

Hier sehen Sie ein Diagramm, das Ihr tägliches Volumen aller Videowiedergaben zeigt. Darunter erhalten Sie eine Liste der einzelnen Videos und wie oft jedes abgespielt wurde, zusammen mit diesen erweiterten Videostatistiken:

  • Durchschnittliche Wiedergabezeit in Minuten
  • Der durchschnittliche Prozentsatz der angesehenen Videos
  • Wie viel Prozent der Zuschauer haben das gesamte Video abgeschlossen?

Diese Daten können Ihnen auf verschiedene Weise helfen. Möglicherweise möchten Sie Videos mit niedrigen durchschnittlichen prozentualen Wiedergabe- und Abschlussraten gegen Videos mit besserer Leistung austauschen.

Oder, wenn Zuschauer früh abbrechen, finden Sie heraus, was in Ihren Videoinhalten nicht die Bedürfnisse der Zuschauer erfüllt. Jetzt haben Sie harte Daten, um zu sehen, wann die Zuschauer das Interesse verlieren und aufhören, sich zu engagieren.

Natürlich liefert Ihnen MonsterInsights alle Metriken und Analysedaten, die Sie von Google Analytics benötigen, nicht nur Video-Tracking.

Und damit endet unser Tutorial zum Einbetten von Videos in WordPress. Wenn Ihnen dieser Artikel gefallen hat, möchten Sie vielleicht diesen Leitfaden zum Conversion-Tracking in Google Analytics lesen.

Verwenden Sie MonsterInsights immer noch nicht? Worauf wartest du?

Bitte vergessen Sie nicht, uns auf Twitter, Facebook und YouTube zu folgen, um weitere Tipps und Tools zu Google Analytics zu erhalten.