Top tip: how to fix broken embedded facebook page

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
7/19/2015 3:37:52 PM
Gravatar
Total Posts 115

Top tip: how to fix broken embedded facebook page

In the last few weeks Facebook have changed something which breaks the way I had embedded a facebook page into my mojo site.

Previously I had something like this:

<div style="float: right;"><iframe allowtransparency="true" frameborder="0" height="240" scrolling="no" src="//www.facebook.com/connect/connect.php?id=152396058220213&amp;connections=12&amp;stream=1" style="border: currentColor; border-image: none; width: 280px; height: 550px;" title="Facebook" width="320"></iframe></div>

When it broke (and stopped displaying useful content) I found I needed to use https://developers.facebook.com/docs/plugins/page-plugin to create the new mark-up with various options, which looks like this for the same page (the outer div is probably my own):

<div style="margin: 10px 0px 0px 4px; float: right;">
<div class="fb-page" data-adapt-container-width="true" data-height="550" data-hide-cover="false" data-href="https://www.facebook.com/BreconFansRaceWeekend" data-show-facepile="true" data-show-posts="true" data-small-header="true" data-width="280">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/BreconFansRaceWeekend"><a href="https://www.facebook.com/BreconFansRaceWeekend">Brecon Fans Race Weekend</a></blockquote>
</div>
</div>
</div>

I see the embedded facebook panel on https://www.mojoportal.com/community has suffered this same fate, but the fix is easy.

You must sign in to post in the forums. This thread is closed to new posts.