Was mach ich falsch (Facebook-Plugin einbinden)??

[BlackBoSs]

Hallo,

ich will ein Facebook-Plugin in meine HTML Webseite einbauen.
Irgendwie funktioniert es nicht obwohl ich die Codes richtig einbaue.

Ich habe den JS Code unterhalt vom Body eingefügt und den HTML Code den ich von Facebook bekommen habe dort eingefügt (ganz am Ende noch innerhalb des body) wo ich es haben will.

Ich sehe nur einen Link mit der Verlinkung zu der gewünschen Facebook-Page?


Wieso sehe ich es nicht so wie es sein soll ?


JavascriptCode den ich am Ende vom body eingefügt habe:

<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/de_DE/sdk.js#xfbml=1&version=v2.3";
                  fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>

HTML Code denn ich von Facebook bekommen habe:

        <div class="fb-page wrapper" data-href="https://www.facebook.com/shantavienna" data-width="500" data-height="315" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/shantavienna"><a href="https://www.facebook.com/shantavienna">Shanta</a></blockquote></div></div>

 

[Haui76]

Hallo BlackBoSs,

Auf den Ersten Blick sieht der Code gut aus.

Einzige Ungereimtheit ist im HTML-Teil. Der Eintrag "fb-page wrapper" kenn ich so nicht. Der Lehrschlag zwischen "page" und "wrapper" kommt mir sehr ungewöhnlich vor. Sollte da nicht auch ein "-" sein?

Ich selber habe bis jetzt nur die Klasse "fb-page" verwendet.

Falls das nicht die Lösung ist schau mal hier nach.
https://developers.facebook.com/docs/plugins/page-plugin

 

[BlackBoSs]

Hallo,

es geht doch nicht ..
die Breite vom Facebook Page Plugin kann ich irgendwie nicht ändern ..

ich will das der Plugin von Instagramm und Facebook gleich Breit sind ..
funktioniert irgendwie nicht ..

Facebook Plugin lässt sich zwar über html die height ändern aber die Breite lässt er ned vergrößern ...


Bitte um Hilfe

 

[BlackBoSs]

Hier habt ihr mal den Link zu der Seite an der ich gerade bastle :



Ganz unten sind die Plugins..

Bitte um Tipps wie ich es lösen kann

 

[Haui76]

Ich denke dein Problem resultier aus dem unterschiedlichen Aufbau der Plugins.

Dein Instagramm ist Variabel in der Breite und Facebook fest auf 500px definiert.
Hinzu kommt das Facebook sein Plugin auf ein Breite von min:180 und max:500 definiert hat.
Um das Facebook Plugin etwas dynamischer zu gestalten kannst du um das Plugin einen variablen Container bauen.

<div style="width: 100%;">
  <div class="fb-page" ...    ...></div>
</div>

Doch mehr als 500px sind nicht drin.

 

[BlackBoSs]

Ist generell von Facebook so eingestellt?
Schade ...

Trotzdem vielen Dank