Facebook HTML not working in Xibo v4.0.3

I have updated to Xibo v4.0.3, but the Facebook HTML code I use does not work anymore. The code below is in the field ‘HTML to embed’ and if I change anything I get the error ‘Your library reference 0 does not exist.’. Please let met know how to fix it. I will appreciate your help very much!

<html>
	<head>
    </head>
	<body>
		<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/nl_NL/sdk.js#xfbml=1&version=v3.2";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));</script>
        
		<div
			class="fb-page" 
			data-href="https://www.facebook.com/DalaiLama/"
    		data-tabs="timeline"
			data-width="500"
			data-height="800"
    		data-small-header="false"
    		data-adapt-container-width="true"
			data-hide-cover="false"
			data-show-facepile="true">
		</div>
	</body>
</html>

I think the following should work:

HTML to embed:

<div id="fb-root"></div>
<div
  class="fb-page" 
  data-href="https://www.facebook.com/DalaiLama/"
  data-tabs="timeline"
  data-width="500"
  data-height="800"
  data-small-header="false"
  data-adapt-container-width="true"
  data-hide-cover="false"
  data-show-facepile="true">
</div>

HEAD content to embed (soon to be called JavaScript)

(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/nl_NL/sdk.js#xfbml=1&version=v3.2";
			fjs.parentNode.insertBefore(js, fjs);
		}(document, 'script', 'facebook-jssdk'));
2 Likes

Thank you Dan, that did the trick!

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.