Home Forums Weaver Xtreme Theme Facebook like code

This topic contains 6 replies, has 2 voices, and was last updated by  delem 3 years, 10 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17504

    delem
    Participant

    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

    #20764

    scrambler
    Moderator

    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

    #20765

    delem
    Participant

    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>

    #20766

    delem
    Participant

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

    #20767

    delem
    Participant

    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” data-height=”500″ data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>

    #20768

    scrambler
    Moderator

    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 🙂

    #20769

    delem
    Participant

    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.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.