To make it work, I have been instructed to add the javascript SDK to the page preferably after the head section. I have tried adding it to the custom Java section in the customizer but I am having no luck, can you please advise how to do this correctly.

this is the java section

<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/en_US/sdk.js#xfbml=1&appId=”ID”&version=v2.3″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

and then the code added to make the box appear is

<div class=”fb-page” data-href=”https://www.facebook.com/jackscrabshack&#8221; data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”true”></div>

this does not seem to be working, im also going to provide you with a link to the new page they are using.

I used to always use the facebook like box as a simple way to put the facebook feed on a site with the like button etc, it was an iframe. But it looks like they are killing support for this and making us switch to this new facebook page plugin, its not an actual plug in for wordpress.

Im sorry if this is confusing, im just trying to figure out how to word my question correctly.

Here is the link to the new thing they are doing

https://developers.facebook.com/docs/plugins/like-box-for-pages

Please let me know what you think, if my question is even understandable…

🙂

Thanks for writing in.

Before you could implement Facebook like box on website, you need to create a Facebook app. Kindly login to the developer section of your Facebook account and create a web app. Unfortunately June 23rd 2015 onwards Like box plugin is going to be depreciated. Instead we recommend you to implement Facebook Page plugin.

https://developers.facebook.com/docs/plugins/page-plugin

Thanks.

add_action( 'x_before_site_begin', 'x_print_fb_sdk' );
function x_print_fb_sdk(){
	?>
	<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/en_US/sdk.js#xfbml=1&appId=your_FB_ID&version=v2.3";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<?php
}

After that you can replace the your_FB_ID by your Facebook AppID.
Hope it helps.