Facebook like code

[delem]

I’ve been trying to follow the guidelines in this previous question http://forum-archive.weavertheme.com/discussion/1213/which-facebook-like-plugin-did-you-use-on-the-weaver-ii-page to insert a facebook like box in the contact us page on this website http://www.surreydormousegroup.org.uk.

I have placed the script part in the Post Footer Code Box in Advanced Options > HTML Insertion box and the HTML in a text widget in the primary sidebar.

However nothing shows up on the page. I must have got the insertion area or the code wrong but am hoping that someone can point me in the right direction.

Thanks in advance.

David

[scrambler]

Did you get the two pieces of code from the facebook developer site?

At a minimum, you need to paste each group of code here telling us which you pasted in the post footer code box, and which in the text widget

[delem]

This was the code in Post footer code box
<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&version=v2.0”;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

This was the code in the sidebar text widget

<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&version=v2.0”;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

[delem]

Hang on they are the same. Let me check that.

[delem]

This is the code in the text widget in the Primary sidebar
<div class=”fb-like-box” data-href=”https://www.facebook.com/groups/surreydormouse&#8221; data-height=”500″ data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>

[scrambler]

It is apparently in the code you picked up for the content.

I picked up a different one (below) and it works with your script portion (in the post footer)

<div class=”fb-like” data-layout=”button_count” data-action=”like” data-show-faces=”true” data-share=”true”></div>

So I suggest you go back to the facebook site and do some reading 🙂

[delem]

Thanks. I have used that content code and, as you say, it does give me a Like and share button.

I was trying to use the code genereator for

Like Box

The Like Box is a special version of the Like Button
designed only for Facebook Pages. It allows admins to promote their
Pages and embed a simple feed of content from a Page into other sites.

This does say it is only for “Facebook Pages” so maybe thats where I was going astray.

[Author]

Posts