FB-APP -> social plugin "comments"

[Froschkoenig84]

Hallo Freunde,

ich hab mal wieder ein mieses Problem an der Backe, dass ich möglichst heute noch lösen muss. Vielleicht bin ich einfach zu doof...

Sicher kennt ihr alle das Social Plugin für die Einbettung von Kommentaren auf eurer Website:
https://developers.facebook.com/docs...gins/comments/

Immer wenn ich das einbette, passiert folgendes:


Es wird einfach abgeschnitten.
Der Code dazu sieht folgender Maßen aus:

  <script type="text/javascript">
   window.fbAsyncInit = function() {
    FB.init({
     appId      : '<?php echo $app_id; ?>', // App ID
     status     : true, // check login status
     cookie     : true, // enable cookies to allow the server to access the session
     oauth      : true, // enable OAuth 2.0
     xfbml      : true  // parse XFBML
    });
    // Additional initialization code here
   };

   // Load the SDK Asynchronously
   (function(d){
    var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
 
   FB.Canvas.setSize({ width:520, height:5200 });
   (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/all.js#xfbml=1&appId=<?php echo $app_id; ?>";
   fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
  </script>

... und ...

<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500"></div>

Aber selbst wenn ich data-height="5000" hinzufüge oder selbiges per style/css mache, ... es wird immer an dieser Stelle abgeschnitten.
Weiß jemand wieso? Und wie ich das verhindern kann? Eigentlich wollte ich es genau so, wie es im Beispiel zu sehen ist. Aber weder mit dem Code für HTML5 noch mit dem FBML bekomme ich dieses Ergebnis.

Würde mich wirklich sehr freuen, wenn jemand eine Lösung weiß.

[Chronos]

schon unter den einstellungen im developer center geschaut ob du die höhe auf automatisch gestellt hast oder er ne fixe nimmt?
und wenn solltest du wohl eher das div selbst in der höhe definieren. denk das würd wohl mehr bringen normal.

[Froschkoenig84]

Okay, also irgendwo habe ich einen zweiten Body-Style mit 800px Höhe ins CSS geworfen, so dass alle SocialPlugins und FB-Objekte immer genau bei 800px abgeschnitten worden. Ich hatte testweise mal ein paar <BR /> vor die Kommentarbox gesetzt und dann war sie komplett verschwunden. Mein weißes DIV drumherum wurde aber noch dargestellt. Schon irgendwie seltsam. :/

[Froschkoenig84]

Ach so, ... jetzt geht es.

Aber weißt du zufällig, wie ich eine Unterseite (seite2. html ) in einer App mit einem Permalink versehen kann? So dass ich sie über FB direkt aufrufen kann, ohne mich vorher duch die ganze App zu kämpfen? Zum Beispiel, wenn nun jemand einen Kommentar schreibt, der dann auch an seiner eigenen Wall gepostet wird, steht ja in der Quelle: http://www.exemple.com/seite2.html

Die wird dann aber auch geöffnet, aber leider nicht in der Fanpage als iFrame, sondern eben als externer Link . :/

[Chronos]

was wars den? (falls ein anderer User mal auch ein problem hat)

du musst den Link der App nutzen
https://www.facebook.com/FANPAGE?sk=app_123456789

[Froschkoenig84]

Der Fehler von oben? - Na ja, ... wenn man dem Body im iFrame die Höhe 800px gibt, schneidet er alle FB-Elemente an dieser Stelle ab. Normale HTML -Elemente spannen den Body aber wie gewohnt auf, vorausgesetzt man setzt nicht overflow:hidden

Also das Problem ist, wie übergebe ich https://www.facebook.com/FANPAGE?sk=app_123456789&goto=seite2. html einen Parameter, der ins iFrame vererbt wird?

Ich will, dass wenn jemand einen Link von seiner Pinnwand klickt, nicht auf die Startseite meines iFrames kommt, sondern direkt auf die Unterseite: Seite2. html

Zunächst dachte ich, kein Problem... ich übergebe dem Link wie oben angedeutet den GET-Parameter goto und im iFrame lese ich via JS dann einfach top.href.location aus. Aber aber top.href.loaction bleibt leer. Anscheinend verhindert Facebook das, durch einige Proxies.

Aber irgendwie muss ich doch vom iFrame aus an den URL herankommen. :/ Wie soll ich denn sonst die seite2. html als LandingPage laden?

[Froschkoenig84]

Wenn man normalerweise ein iFrame läd, müsste HTTP_REFERER den URL melden, von dem aus das iFrame geladen wurde, also die Seite, die es auch eingebettet hat. - Bei FB ist das nur so widerlicher Proxy.

[Chronos]

glaub das geht auch nicht
du könntest höchsten irgend nen wert in der db speichern und je nachdem ob der vorhanden ist oder nicht dann die jeweilige seite einblenden.

[Froschkoenig84]

Aber wie übergebe ich diesen Wert? Ich könnte einen PHP -Proxy bauen...
a) Link zur externen Seite
b) externe Seite legt ein Cookie an und leitet auf die Fanpage weiter (zurück zu FB)
c) in der Fanpage lese ich das Cookie aus und habe meinen Wert

Cookies sollten ja von FB nicht antastbar sein, da sie clientseitig gespeichert werden, oder?

[Froschkoenig84]

wenn keine Cookies erlaubt sind, kommt die Meldung, dass eben keine Cookies erlaubt sind und daher direkt auf den Source-Server (also dorthin, wo die iFrame-Inhalte sowieso schon liegen) weitergeleitet wird...

... oder sch***ß auf die tausend Meldungen, ich bau an dieser Stelle einfach eine Weiche ein.