Custom Facebook Feed: Uncaught Error in console

Hey ashbydesign,

It may be related to the Facebook Like Box widget which we include in the plugin. Could you try disabling the Like Box and let me know whether the error goes away? You can do this on the Misc tab on the plugin’s Customize page, by unchecking the ‘Show the Like Box’ setting.

Many thanks,

John

Yes, the error does go. I can see there are issues with FB in general – seems a challenge for plugin devs.

I’ve made a note to do what I can to take care of this in the next update. Apologies for any inconvenience!

John

Hey John,
I’m having this issue too, but need the like box enabled on my site. Do you have any hacks I might be able to implement temporarily to resolve the error, until you release a fix?
Thanks!
dan

Hey Dan,

I’ve been doing some research and there isn’t a lot of information about this online yet unfortunatelty, but I intend to file a bug report with Facebook about it. It seems that the issue is related to their “facepile” attribute – if this is set to false then the error occurs, and if it’s set to true then it doesn’t. So a temporary fix would be to go to the Misc tab on our plugin’s Customize page and check the setting labeled “Show faces of fans”. This will show the faces of your page’s fans at the bottom of the like box and should prevent the JavaScript error from occuring.

The good news is that the JavaScript error shouldn’t affect the functionality of the plugin or your page at all, but it definitely doesn’t look pretty sitting there in the console so I’ll see what I can to get this resolved ASAP.

John

Hi all.

I confirm this error is Facebook internal error itself. It will not affect other javascript codes because seem everything is from inside Facebook iframe.

To display the page fans box without faces of fans, you must still check facepile=true but use iframe instead of code from Facebook developing page.

Here is my example about facebook page fans iframe without error:

<iframe name="f12547a894" width="300px" height="1000px" frameborder="0"
allowtransparency="true" allowfullscreen="true" scrolling="no" title="fb:page Facebook Social Plugin" src="https://www.facebook.com/v2.4/plugins/page.php?
adapt_container_width=true&app_id=403849583055028&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FxRlIuTsSMoE.js%3Fversion%3D41%23cb%3Df11c9c3f4%26domain%3Dmagonedemo.blogspot.com%26origin%3Dhttp%253A%252F%252Fmagonedemo.blogspot.com%252Ff289e16c38%26relation%3Dparent.parent&container_width=301&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%
2Fpages%2FSneeit%2F622691404530609&locale=en_GB&sdk=joey&show_facepile=true&show_posts=false&small_header=false&width=300" style="border: none; visibility:
visible; width: 300px; height: 130px;" class=""></iframe>

Hey Tien,

Thanks so much for posting that, it’s much appreciated! I’ll do some testing and if this solves the problem then I’ll integrate it into the next update.

Thanks again!

John

Thanks John for the speedy response. That seems to do the trick. Looking forward to the update.

Just to give an update, this issue was reported to Facebook and they’ve verified that it’s a bug which they’ve assigned to be fixed. I’ve done some testing and the method that Tien suggested above does solve the problem but it’s kind of a hack and only works by selecting to show the faces and then hiding them by reducing the height so that it cuts them off the bottom. I’m going to follow the Facebook bug report and see whether this is fixed relatively quickly. If it is then the JavaScript error will go away without you needing to do anything, but if they move really slowly on getting it fixed then I might implement Tien’s suggestion temporarily until it’s resolved.

Hopefully that’s OK with everyone ??

John