Wussten Sie, dass Facebook-Videos täglich mehr als 8 Milliarden Seitenaufrufe generieren? Und diese 8 Milliarden sind doppelt so hoch wie vor einem Jahr? Aber wie fügt man WordPress ein Facebook-Video hinzu?

Während der Verdienst für diesen massiven Erfolg auf die automatische Videowiedergabe und eine günstige Methode zur Anzahl der Aufrufe zurückzuführen ist, bleibt die Tatsache bestehen, dass Facebook-Videos heute ein wichtiger Akteur beim Videokonsum sind.

In diesem Tutorial können Sie Facebook-Videos verwenden, indem Sie sie in Ihre WordPress-Artikel und -Seiten integrieren. Ich werde Ihnen zeigen, wie Sie Facebook-Videos einfach über den WordPress-Editor einbetten können. Außerdem werde ich Ihnen Informationen geben, wie Sie bestimmte Anzeigedetails von Videos ändern können, um beispielsweise die automatische Wiedergabe zu aktivieren.

Und schließlich, wenn Sie sich mit der ersten Methode nicht die Hände schmutzig machen möchten, zeige ich Ihnen auch die einfachste Methode, um Videos über einen Iframe einzubetten.

Aber lassen Sie uns vorher gemeinsam entdecken Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren.

Dann zurück zu warum wir hier sind.

Die Vorteile der Facebook Video Integration

Während YouTube wahrscheinlich auch in Zukunft der König der Videos bleiben wird, sehe ich einige Vorteile bei der Integration von Facebook-Videos. Zum Beispiel können Sie ...

  • Viel Spaß beim Live-Streaming - Möglicherweise haben Sie die beliebte neue Live-Streaming-Funktion gesehen, die Facebook kürzlich gestartet hat. Wenn Sie Videos mit dieser Methode einbetten, können Sie auch Facebook-Live-Streaming in Ihre WordPress-Website einbetten.
  • Cross-Promotion Ihrer Facebook-Seite - Die Facebook-Videointegration bietet eine weitere Methode, um Ihre Facebook-Seite auf Ihrer Website zu bewerben. Auch wenn Sie bereits aufgenommen haben " Likes Oder teilen, das Einbetten von Videos direkt von Facebook bietet eine weitere Verbindung. Wenn Sie versuchen, einen YouTube-Kanal zu bewerben, müssen Sie natürlich auswählen, wo Ihre Prioritäten liegen.
  • Organisieren Sie Videoinhalte von anderen Facebook-Seiten - Wenn Sie auf Facebook ein Video sehen, das Sie in einen Beitrag oder eine Seite aufnehmen möchten, ist das Einbetten so ziemlich die einzige Option, es sei denn, Sie möchten direkt zur Facebook-Seite wechseln.

So integrieren Sie "Facebook Video" in das JavaScript SDK

Dieser Prozess des Einrichtens von "Facebook-Video" ist ziemlich schmerzlos. Es ist jedoch nicht erforderlich, Ihrem Thema oder einem von Ihnen entworfenen Plugin einen kleinen Codeausschnitt hinzuzufügen. Dieses Code-Snippet ist erforderlich, da Sie damit nützliche Dinge wie das Hinzufügen von Autoplay zu Ihren eingebetteten Videos erledigen können.

Hier sind 10 besten WordPress-Plugins zur Verwaltung von Werbung

Um zu beginnen, müssen Sie das Facebook JavaScript SDK zum Header Ihres Themas hinzufügen. Es ist im Grunde ein ausgefallener Name für diesen Code:

(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

Für diejenigen, die verwenden WordPress-Themes ohne Inhaltsinjektionsoption müssen Sie auf die header.php-Datei Ihres Themas zugreifen und direkt nach dem Tag hinzufügen der folgende Code:

Add-ein Code-of-the-header-dun-Thema

Idealerweise sollten Sie verwenden ein Kinderthema und fügen Sie dieses Snippet Ihrem untergeordneten Thema header.php und nicht dem übergeordneten hinzu. 

Wie integriere ich Facebook-Videos in WordPress? Finden Sie es auch heraus, indem Sie auf diesen Link klicken

Nachdem Sie diesen Code einmal hinzugefügt haben, sind Sie damit fertig. Sie können Videos mit Standard-Einbettungscode an beliebiger Stelle einbetten.

So integrieren Sie Facebook-Videos

Um dieses zweite Codebit zu generieren, müssen Sie die tatsächliche URL zu dem Video finden, das Sie freigeben möchten, und diese URL dann zu diesem Snippet hinzufügen:

Sie können die Breite des Videos auch in Pixel ändern, indem Sie die Option "Datenbreite" auf eine andere Zahl ändern.

Lesen Sie auch unser Tutorial auf Wie eine Datenbank optimieren auf Wordpress, klicken

Es gibt verschiedene Möglichkeiten, diese URL abzurufen. Wenn Sie in Ihrem Seiten-Feed nach einem Video-Artikel suchen, können Sie einfach mit der rechten Maustaste auf den Zeitstempel klicken und die URL kopieren:

Integration-to-Video-facebook

Wenn Sie im Vollbildmodus nach dem Link suchen, können Sie die URL auf folgende Weise finden:

recover-the-Link-Düne-Video-in-Vollbild

Um Ihnen ein Beispiel aus der Praxis zu geben, sehen Sie hier, wie der Einbettungscode nach dem Hinzufügen der URL aussehen würde. Wir werden die Videobreite auf 550px einstellen:

Fügen Sie diesen Code einfach in die Textregisterkarte des WordPress-Editors ein, um das Video einzubetten. Sie können diesen Code auch zu Ihrer Seitenleiste oder an einer anderen Stelle hinzufügen, die diesen Code unterstützt:

Add-a-Code-of-the-Editor-visuell de Wordpress

Sobald Sie den Artikel veröffentlicht haben, sollte das eingebettete Video angezeigt werden:

Überblick-Düne-Video-integrierte-from-facebook-on-Wordpress

Wie das automatische Lesen zu ermöglichen,

Einer der großen Vorteile der Integration von Facebook-Videos auf diese Weise ist die Möglichkeit, Autoplay (Autoplay) zu aktivieren (gedämpft) Als auch auf Facebook.

Siehe auch unseren Artikel über Social Sharing 15 Die besten Wordpress-Plugins

Wenn Sie Facebook-Videos automatisch wiedergeben möchten, müssen Sie Ihrem Einbettungscode lediglich ein Attribut hinzufügen.

Hier ist das Attribut, das Sie hinzufügen müssen:

Datenautoplay = „true“

Im vollständigen eingebetteten Code sieht es folgendermaßen aus:

<div class="fb-video" data-href="https://www.facebook.com/elegantthemes/videos/10153760379211923/"data-allowfullscreen="true" data-width="550" data-autoplay="true"></div>

Sobald Sie diese Änderung vorgenommen haben, sollten Ihre Videos automatisch auf der betreffenden Seite oder dem betreffenden Beitrag abgespielt werden.

So integrieren Sie Facebook-Videos in iFrames

Wenn Sie sich nicht den Kopf zerbrechen möchten, hat Facebook auch die „iframe“ -Integration hinzugefügt. Diese Funktion ist so ziemlich die gleiche wie bei YouTube. Nur Sie sollten sich bewusst sein, dass Sie die automatische Wiedergabe auf Facebook nicht aktivieren können.

Unsere Ideen für 10 WordPress-Plugins zur Verbesserung der Werbung für Ihre Produkte

Obwohl es einfacher ist, Videos auf diese Weise hinzuzufügen, bietet diese Methode nicht so viele Funktionen wie die oben beschriebene.

Um den Einbettungscode zu finden, müssen Sie zuerst auf den kleinen Pfeil in der oberen rechten Ecke eines Videobeitrags klicken:

Füge ein Facebook-Video zu WordPress hinzu

Wählen Sie dann die Option " Integration "Oder" einbetten "(Mein Facebook ist in Englisch).

Ein neues Fenster wird geöffnet, in dem Sie den Code des Players kopieren können, der das Video anbietet.

integrierte Code-facebook

Kopieren Sie einfach diesen Code und fügen Sie ihn in die Textregisterkarte des WordPress-Editors ein:

eine Paste-Code-integrierbare-on-facebook

Wenn Sie das Video veröffentlichen, sollten Sie es genauso wie im vorherigen Beispiel anzeigen.

Entdecken Sie auch einige zusätzliche Premium-WordPress-Plugins 

Sie können andere Plugins verwenden, um Countdowns in Ihrem WordPress-Blog anzuzeigen. Im Folgenden schlage ich einige davon vor.

1. Share, Print und PDF-Produkte für WooCommerce

Ce WordPress Plugin wird Ihnen nicht nur dabei helfen, Ihren Besuchern die Möglichkeit zu bieten, jedes ihnen zur Verfügung gestellte PDF direkt auf Ihrer Website anzuzeigen, sondern es wird ihnen auch helfen, es einfach zu teilen.

PDF-Produktkatalog für Woocommerce

Es bietet Ihnen viele Funktionen wie Drucken, Herunterladen, Zoomen, Teilen und vieles mehr. Das ist ein WordPress Plugin deren Layout vollständig responsiv ist, damit jeder Benutzer auf seinem Mobilgerät ohne allzu viele Einschränkungen darauf zugreifen kann.

Lesen Sie auch 8 WordPress-Plugins zum Anzeigen der Freigabesymbole in Ihrem Blog

Es bietet Ihnen auch viele Anpassungsoptionen, um es an Ihr WordPress-Theme anzupassen. Dies gibt Ihnen die Möglichkeit dazu Farbe ändern, um die Retina-Bildqualität usw. zu verwenden

Herunterladen | Demo | Web-Hosting

2. Octaboo

Oktabuch vorhandenen Wirkstoffe zu einem WordPress Plugin Sehr einfach zu verwendendes Premium- und Sofort-Terminbuchungstool für fast alle Arten von Dienstleistungen und Dienstleistern, die es anbieten möchten Online-Buchung von einer Webseite.

Oktabuch

Es bietet verschiedene Funktionen, darunter: Unterstützung für mehrere Lokalisierungen, Konfiguration von Diensten, dynamische Preisgestaltung, Benachrichtigungen usw., Unterstützung für anpassbare Felder für Formulare, Anpassung des Erscheinungsbilds, Unterstützung für Google Kalender, ein intuitives Dashboard, Export von Daten in das CSV-Format und vieles mehr.

Herunterladen | Demo | Web-Hosting

3. YouTube Plugin

Bereiten Sie Ihre Website bestmöglich für das Streaming von YouTube-Videos vor. Yottie - sein kleiner Name - ist ein leistungsstarkes WordPress-Plugin, das sich der Verwaltung und Integration von YouTube-Videos auf Ihrer Website oder Ihrem Blog widmet. 

Youtube Plugin - WordPress Youtube Galerie

Sie können die gewünschten Kanäle und sogar einzigartige Videos auswählen, um Ihre eigene Wiedergabeliste direkt in Ihrem Blog zu erstellen. Es verfügt über mehr als einstellbare 100-Parameter, 4-Farbpaletten und unterstützt nahezu 16-Sprachen. Kurz gesagt, Sie müssen jede Menge Dinge anpassen.

Entdecken Sie Wie registrieren und Bilder Ihrer Wordpress-Blog zu optimieren

Diese WordPress-Videogalerie für YouTube ist vollständig ansprechbar, sodass Sie mit jedem Navigationsgerät ein breites Publikum abdecken können.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

Hier ist ! Das war's für dieses Tutorial. Ich hoffe, diese Übersicht hilft Ihnen zu verstehen, wie Sie Facebook-Videos in WordPress einbetten. Wenn Sie Fragen haben, zögern Sie nicht, sie zu stellen.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Zögere nicht zu Teile diesen Artikel mit deinen Freunden in deinen bevorzugten sozialen Netzwerken. Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.

...