Embedding in Facebook

[Nibbz]

Ik probeer een aantal facebook posts op een normale html pagina te krijgen. Ik wist van twitter dat het erg eenvoudig is, om een timeline of posts te embedden in een pagina. Ik dacht eigenlijk dat het bij facebook precies hetzelfde zou zijn.. maar helaas..

als ik via developers.facebook.com 'embedded posts' wizzard doorloop, laat hij me in de wizzard nog een mooi voorbeeld zien, hoe de post eruit komt te zien als ik hem embed.

Naam van poster, clickable.. tijd (zie afbeelding)
https://imageshack.com/i/1xxvoej

Als ik de code (Facebook Javascript SDK + code voor de post) in mn html pagina stop, krijg ik een witte pagina (ik zie wel dat facebookconnector word geladen in ghostry).

Met de developertools van Chrome zie ik dat de div "fb-post" gewoon leeg is. Ik krijg dus het idee dat er weinig gebeurd.

Een andere manier van embedden, is naar de post te gaan, daar op 'insluiten' te klikken, en daarna die code in de html te plakken. Echter krijg ik dan dit als resultaat:
https://imageshack.com/i/f1r4bwj

Is dit nou dan de enige manier op een bericht te embedden? Dus dat je heel lelijk 2 links krijgt met wat tekst ertussen? Waarom geeft Facebook dan nog zo'n mooie preview.. die niet werkt. Of zie ik iets over het hoofd?

Naja, op verschillende pagina's gekeken om te zien of ik iets over het hoofd zie.. maar eigenlijk zijn alle gebruikers heel tevreden met: "Bericht door Pretty Stone". Maar ik wil graag gewoon een post zien.. niet tekst + links.

[Cartman!]

Heb je wel de fb js sdk en de fb-root div ook in je code gezet als je gebruik maakt van de embedded post?

[Nibbz]

Cartman! schreef op dinsdag 21 januari 2014 @ 17:04:
Heb je wel de fb js sdk en de fb-root div ook in je code gezet als je gebruik maakt van de embedded post?

Jazeker, staat ook in mijn bericht: "Als ik de code (Facebook Javascript SDK + code voor de post) in mn html pagina stop".

Ik zie ook dat de SDK verbinding probeerd te maken (ghostry laat zien dat facebookconnect geladen word). Maar vervolgens gebeurd er niks.

Ik zou verwachten dat er content in de fb-root div geladen zou worden.

[paskaal]

Deze JSFiddle werkt gewoon met de volledige embed, niet enkel "Bericht door Pretty Stone"; http://jsfiddle.net/RD5g6/

Staat je pagina lokaal? Dan moet je namelijk (voor development) even http:// voor

code:

//connect.facebook.net/en_US/all.js#xfbml=1&appId=<appid>

zetten. Zodra je niet meer lokaal draait zou ik het weer weghalen.

[Nibbz]

Het probleem heeft zichzelf opgelost.

Ik heb niks aan de code aangepast, maar opeens werkt het in elke browser. Wellicht dat er een kleine downtime zat in de apps van facebook?

@paskaal

Ik had het lokaal staan, ook online geprobeerd. Werkte allebij niet. http en https voor de links gezet had ook geen resultaat.

Maargoed, het werkt nu.. hoe het nou precies zo gekomen is... geen idee. Maar hij mag weer dicht.