Antworten auf deine Fragen:
Neues Thema erstellen

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

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:
Javascript:
<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:
HTML:
        <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

Nicht mehr ganz neu hier

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
 
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
 
Zuletzt bearbeitet:

Haui76

Nicht mehr ganz neu hier

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.

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

Doch mehr als 500px sind nicht drin.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.634
Beiträge
1.538.448
Mitglieder
67.555
Neuestes Mitglied
scheflo
Oben