Springe zum Hauptinhalt

Wie ein Video auf Facebook Wordpress integrieren

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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 " Ich mache gerne... 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'));

Wenn Sie WordPress-Themes ohne Content-Injection-Option verwenden, müssen Sie auf die Datei header.php Ihres Themes zugreifen und direkt nach dem Tag hinzufügen den folgenden 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:

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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:

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.

Entdecken Sie unsere 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).

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

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

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

PDF-Produktkatalog für Woocommerce

Es bietet Ihnen viele Funktionen wie Drucken, Herunterladen, Zoomen, Freigeben und mehr. Dies ist ein WordPress-Plugin, dessen Layout vollständig reagiert, damit jeder Benutzer ohne zu viele Einschränkungen auf seinem Mobilgerät 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

Download | Demo | Web-Hosting

2. Instagram Testimonials

Das Premium WordPress Instagram Testimonials Plugin ermöglicht es Ihnen Instagram-Beiträge anzeigen Ihrer Kunden als Testimonials auf Ihrer Website. Verpassen Sie diesen neuen Trend nicht und nutzen Sie soziale Netzwerke, um Vertrauen in Ihre Kunden aufzubauen. Wenn sie Ihre Dienste wirklich schätzen und sie auf Instagram teilen, warum nicht damit prahlen?

Instagram Testimonials Plugin für WordPress

Zeigen Sie ihre positiven Eindrücke als Testimonials auf Ihrer Website mit einem erkennbaren Design an. Fügen Sie Aufkleber hinzu und machen Sie sie auffälliger, markieren Sie die Phrasen, um die Aufmerksamkeit auf sich zu ziehen, legen Sie das Ranking fest und Sie werden sehen, wie auffällig dieses WordPress-Plugin ist.

Entdecken Sie So entfernen Sie den String v = xxx aus WordPress-URLs

Download | 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

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

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

Download Demo | Web-Hosting

Empfohlene Ressourcen

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

Fazit

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.

... 

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
3 Aktien
Aktie1
tweet
Registrieren2