Facebook-Seite responsiv einbinden

Hallo zusammen,

hat jemand von Euch eine Facebook-Seite responsiv eingebunden?

Ich hätte das hier gefunden:

https://www.mugo.ca/Blog/How-to-make-the-Facebook-Page-Plugin-fully-responsive

Ich kenne mich aber zu wenig in der Materie aus.

Jemand 'ne Idee?

Vielen Dank!

Gruß

Andreas

Ich würde mir den Code bei Facebook zusammenklicken und dann per Klick auf "Code generieren" erstellen lassen.

https://developers.facebook.com/docs/plugins/page-plugin/?locale=de_DE

Zusammen mit den Infos aus Deinem Link läßt sich da bestimmt etwas machen in Sachen "responsiv".

Oder du wendest dich per PN an Thomas -unser ProWeb-Experte- und fragst ihn nach die Möglichkeiten, Aufwand und dazu gehörige Kosten.

Danke für Eure Antworten. Das mit dem Plugin Generator hab ich schon probiert. 

Funktioniert soweit. Nur die Breite ist schmaler als der vorherige Inhalt. 

Habe es jetzt in eine Spalte gesetzt. Hier meine Testseite: http://www.sapralott-band.de

Falls ich noch was rausfinde melde ich mich nochma. 

Gruß

Andreas

Sehr schöne Seite. Bei Kontakt fehlt dir ein T. 

Danke Klaus. Habs schon gesehen. Wie gesagt "Testseite" 

Jemand ne Idee wie sowas eingebunden wird?

http://sappralot.net

Hier werden die FB Einträge auf die HP verlinkt. 

Gruß

Andreas

Via HTML-Code!  Es handelt sich hierbei um einen ziemlich komplexen Code mit AJAX und allem pipapo...

Mehr Infos erhälst Du (wie immer!) direkt im Browser via Rechtsklick -> Element untersuchen (dann zu untersuchenden Bereich wählen).

Wenn Du so etwas auch in Pro Web einbinden möchtest, mußt Du Dich entweder extrem gut auskennen oder einen entsprechenden Profi/Experten beauftragen. Oder schauen, welche Code-Snippets das auf der von Dir angegebenen WordPress-Seite verwendete WP-Plugin verwendet und versuchen, dies entsprechend auf Pro Web zu übertragen.

Sprich möglich ist alles, kostet aber entsprechende Zeit, Recherchen, Mühen und vor allen Dingen detaillierte Kenntnisse.

Vielen Dank Volker. Na dann werde ich mal recherchieren. Ansonsten hab ich ja noch den Standard Code von FB selber. 

Gruß

Andreas

Hab mal was gefunden:

Im jeweiligen FB Post die URL rauskopieren.

HTML Absatz erstellen

das hier einfügen:    <fb:post href="URLderFBseite"></fb:post>

Dann wird es angezeigt. Noch nicht ganz perfekt - aber immerhin ein Anfang.

Sorry, aber das ist falsch.

Hier ein beispielhafter (funktionierender) Code:

<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 = 'https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.10';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<div class="fb-post" data-href="https://www.facebook.com/borussia.mg/posts/10154995496308483" data-width="500" data-show-text="true"><blockquote cite="https://www.facebook.com/borussia.mg/posts/10154995496308483" class="fb-xfbml-parse-ignore"><p>Das Spiel ist aus! Borussia holt gegen den 1. FSV Mainz 05 einen Punkt. &#x1f49a;</p>Posted by <a href="https://www.facebook.com/borussia.mg/">Borussia Mönchengladbach</a> on&nbsp;<a href="https://www.facebook.com/borussia.mg/posts/10154995496308483">Samstag, 4. November 2017</a></blockquote></div>

Und hier das Ergebnis:

Sorry Volker. Hast recht. Hab vergessen das der ssdk code von FB in den Body Tag reingehört. Siehe auch FB Embedded Posts.