wake-up-neo.com

Wie kann ich den Feed einer Facebook-Seite in meine Website einbetten?

Ich arbeite mit einer Gruppe zusammen, um eine Wohltätigkeitsveranstaltung zu fördern. Die Seite, die ich einbetten möchte, ist NICHT mein Facebook-Profil, sondern eine von jemandem erstellte Facebook-Seite.

Ich möchte diesen News-Feed auf meiner Webseite anzeigen. Wenn Sie Informationen/Zugang von dieser Seite benötigen, lassen Sie es mich wissen. Wenn jemand anderes ein Arbeitsbeispiel hat, lass es mich wissen. Ich habe jsfiddle.net verwendet, um es zu erstellen.

Hier ist die Seite: http://www.facebook.com/pages/Chefs-Classic-Knock-OUT-Bout/225835004169328

javascripthtmlfacebookfacebook-pagefacebook-feed
64
NickG

Ahhh, das ist super einfach, keine Programmierung erforderlich. 

Siehe: https://developers.facebook.com/docs/plugins/page-plugin

Die show stream-Option sollte aktiviert bleiben. Sie können die Breite und Höhe sowie einige andere Dinge einstellen. 

111
DMCS

Wenn Sie einen benutzerdefinierten Code anstelle eines Plugins suchen, kann dies Ihnen helfen. Facebook Graph hat einige Änderungen erfahren, seit es sich weiterentwickelt hat. Diese Schritte beziehen sich auf die neueste Graph-API, die ich kürzlich ausprobiert habe und gut funktioniert habe.

Es gibt zwei Hauptschritte: 1. Facebook-Zugriffstoken erhalten, 2. Aufrufen der Graph-API das Zugriffstoken übergeben.

1. Abrufen des Zugriffstokens - Hier wird Schritt für Schritt beschrieben, wie Sie den Zugriffstoken für Ihre Facebook-Seite erhalten. - Facebook-Feed auf meiner Website einbetten . Danach müssen Sie auf der Facebook-Entwicklerseite eine App erstellen, die Ihnen eine App-ID und ein App-Geheimnis vermittelt. Verwenden Sie diese beiden und erhalten Sie das Zugriffstoken.

2. Aufrufen der Graph-API - Dies ist ziemlich einfach, sobald Sie das Zugriffstoken erhalten haben. Sie müssen lediglich eine URL-zu-Graph-API mit allen Feldern/Eigenschaften bilden, die Sie abrufen möchten, und eine GET-Anforderung an diese URL senden. Hier ist ein Beispiel, wie es in asp.net MVC gemacht wird. Einbetten von Facebook-Feeds mit asp.net mvc . Dies sollte in jeder anderen Technologie ziemlich ähnlich sein, da es sich lediglich um eine HTTP-GET-Anforderung handelt.

FQL-Beispielabfrage:https://graph.facebook.com/FBPageName/posts?fields=full_picture,picture,link,message,created_time&limit=5&access_token=YOUR_ACCESS_TOKEN_HERE

6
Pranay

Im neuen page-plugin können Sie mehrere Registerkarten auf Ihrer Website erstellen. Mit dem Page-Plugin können Sie problemlos jede Facebook-Seite auf Ihrer Website einbetten und bewerben. Genau wie bei Facebook können Ihre Besucher die Seite mögen und teilen, ohne Ihre Website zu verlassen.

  1. Fügen Sie das JavaScript-SDK einmal auf Ihrer Seite ein, idealerweise direkt nach dem <body>-Tag. 

<div id="fb-root"></div>
<script>(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.5&appId={APP_ID}";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

  1. Platzieren Sie den Code für Ihr Plugin an einer beliebigen Stelle, an der das Plugin auf Ihrer Seite angezeigt werden soll.

<div class="fb-page" 
     data-href="https://www.facebook.com/YourPageName" 
     data-tabs="timeline" 
     data-small-header="false" 
     data-adapt-container-width="true" 
     data-hide-cover="false" 
     data-show-facepile="true">
  <div class="fb-xfbml-parse-ignore">
    <blockquote cite="https://www.facebook.com/facebook">
      <a href="https://www.facebook.com/facebook">Facebook</a>
    </blockquote>
  </div>
</div>

Sie können auch die folgenden Einstellungen ändern:

 enter image description here

Mit dem neuen Seiten-Plugin können Sie jetzt auch Zeitleisten-, Ereignis- und Meldungsregisterkarten haben:

  • Timeline-Tab: Zeigt die neuesten Beiträge der Timeline Ihrer Facebook-Seite an.
  • Registerkarte "Ereignisse": Personen können Ihre Seitenereignisse verfolgen und Ereignisse über das Plugin abonnieren.
  • Registerkarte "Nachrichten": Personen können Ihre Seite direkt von Ihrer Website aus versenden. Personen müssen angemeldet sein, um diese Funktion verwenden zu können.

<div class="fb-page" 
  data-tabs="timeline,events,messages"
  data-href="https://www.facebook.com/YourPageName"
  data-width="380" 
  data-hide-cover="false">
</div>

3
Somnath Muluk

Das Like Box/Page-Plugin ist im Grunde ein iframe und hässlich: D

Also habe ich mein eigenes kostenloses Plugin erstellt, das ich Famax Plugin anrufe, um FanPage-Feeds anzuzeigen. Es ähnelt der Like-Box, hat aber eine bessere Benutzeroberfläche und ist anpassbarer.

Da das Like-Feld in einem iframe mit fester Breite und Höhe usw. angezeigt wird, reagiert es nicht wirklich.

2
Patrick

Korrigieren Sie mich, wenn ich falsch liege, aber es scheint, dass Facebook das Activity Feed-Plugin abgelehnt hat. Außerdem scheint es kein Ersatz-Plugin für Aktivitäten mehr zu geben.

Hier ist der Link: https://developers.facebook.com/docs/plugins/activity

0
Maksim Luzik

Für Website-Entwickler besteht eine weitere Option darin, einem funktionierenden Facebook Graph API-Lernprogramm wie this zu folgen.

Wenn Sie jedoch eine schnelle Lösung benötigen, mit der Sie einen Facebook-Seiten-Feed sofort anpassen und einbetten können, sollten Sie Website-Plugins wie this verwenden.

Hier ist eine Schritt für Schritt Anleitung:

  1. Erhalten Sie einen Free Key oder Paid Key .
  2. Gehe zu diese Anmeldeseite und verwende die Taste zum Anmelden.
  3. Klicken Sie nach der Anmeldung auf die Schaltfläche + Benutzerdefinierten Feed erstellen.
  4. Benennen Sie im Popup-Fenster Ihren benutzerdefinierten Facebook-Seiten-Feed.
  5. Wählen Sie im Dropdown-Menü die Option "Facebook-Seiten-Feed auf Ihrer Website".
  6. Geben Sie Ihre Facebook-Seiten-ID ein.
  7. Klicken Sie auf die Schaltfläche "Weiter". Daraufhin werden die Anpassungsoptionen angezeigt.
  8. Klicken Sie auf die Schaltfläche "In Website einbetten" in der oberen rechten Ecke des Bildschirms.
  9. Kopieren Sie den eingebetteten Code im Popup-Fenster, indem Sie auf die Schaltfläche "Code kopieren" klicken.
  10. Fügen Sie den Einbettungscode auf Ihrer Website ein.

Besuchen Sie den Tutorial-Link , um auch dort eine Live-Demo zu sehen.

0
Emkey