Facebook Like Button

**BlessIsaacola** · 8 Nov 2010, 05:53 PM

Originally Posted by panservolvo

Sorry, I dont. The site is down at the moment, but I know for sure that the meta tags are working as they should but for some strange reason the buttons are not showing up. When using other codes than this one, they are showing so something is not right. I got the like-button to work like it should using iframe, so there is something strange about the other method.

Well, it's working on other sites I have taken a look at and it's working on our site as well. Without a site, there's really not much to look at or decode.

You can post the code you're using in your html_header and template file here

**panservolvo** · 9 Nov 2010, 09:40 AM

Originally Posted by BlessIsaacola

Well, it's working on other sites I have taken a look at and it's working on our site as well. Without a site, there's really not much to look at or decode.

You can post the code you're using in your html_header and template file here

Ok, lets give it a try :) html-header:

HTML Code:

<html xmlns="http://www.w3.org/1999/xhtml" <?php echo HTML_PARAMS; ?> xmlns:fb="http://www.facebook.com/2008/fbml">

HTML Code:

<meta property="og:title" content="<?php echo META_TAG_FBTITLE; ?>"/>
<meta property="og:site_name" content="<?php echo TITLE; ?>"/>
<meta property="og:image" content="<?php echo META_TAG_FBIMG; ?>"/>
<meta property="og:url" content="<?php echo $canonicalLink; ?>"/>
<meta property="fb:admins" content="XXXX"/>
<meta property="og:type" content="product"/>

Replaced adminid. Not sure if its smart to post it here? Anyways I am 100% sure that its correct.

And heres my tpl_products_info_display:

HTML Code:

<!-- bof Facebook Like Button -->
    <p><fb:like></fb:like></p>

    <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '161270263913707', status: true, cookie: true,
                 xfbml: true});
		FB.Event.subscribe('edge.create', function(href, widget) {
// Do something, e.g. track the click on the "Like" button here
});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
<!-- eof Facebook Like Button -->

Hope this info might be helpful!

**delia** · 15 Nov 2010, 03:08 PM

That looks correct. Let us know when your site is back up so We can look at it.

**delia** · 15 Nov 2010, 03:13 PM

aozhaverm, jabbawest

As far as changing the display, it might well not be possible. Facebook puts its own css on these things. Try putting the code into a division with a css class with a color of white and see what happens.

**seanruk** · 23 Nov 2010, 08:31 PM

Great little add-on.

Please accept my apologies if this has been raised but I cannot see it.

The add-on works except one thing.. The correct image is not carried over to Facebook, currently the 'Tell your friends' image is added instead. I have checked and double checked the code added to the files but I am obviously missing something, does anybody have any clues?

Site in question is http://www.foreverbelle.co.uk/

Thanks in advance

Sean

**BlessIsaacola** · 23 Nov 2010, 08:58 PM

Originally Posted by seanruk

Great little add-on.

Please accept my apologies if this has been raised but I cannot see it.

The add-on works except one thing.. The correct image is not carried over to Facebook, currently the 'Tell your friends' image is added instead. I have checked and double checked the code added to the files but I am obviously missing something, does anybody have any clues?

Site in question is http://www.foreverbelle.co.uk/

Thanks in advance

Sean

Your installation is incomplete. I visited your website and you're missing some of the required meta tag and one of them is the image meta tag.

**seanruk** · 23 Nov 2010, 09:32 PM

Thank you for the reply, I had also noticed this and since added the meta tag but I still get an incorrect image displayed in Facebook

Here is the meta tag info as seen in the source:

<meta property="og:title" content="Silver Love Bling Double Ring"/>
<meta property="og:site_name" content="Forever Belle"/>
<meta property="og:image" content="http://www.foreverbelle.co.uk/images/love double ring.jpg"/>
<meta property="og:url" content="http://www.foreverbelle.co.uk/silver-love-bling-double-ring-p-47.html"/>
<meta property="fb:admins" content="174717399208075"/>
<meta property="og:type" content="product"/>

**BlessIsaacola** · 23 Nov 2010, 09:52 PM

Originally Posted by seanruk

Thank you for the reply, I had also noticed this and since added the meta tag but I still get an incorrect image displayed in Facebook

Here is the meta tag info as seen in the source:

<meta property="og:title" content="Silver Love Bling Double Ring"/>
<meta property="og:site_name" content="Forever Belle"/>
<meta property="og:image" content="http://www.foreverbelle.co.uk/images/love double ring.jpg"/>
<meta property="og:url" content="http://www.foreverbelle.co.uk/silver-love-bling-double-ring-p-47.html"/>
<meta property="fb:admins" content="174717399208075"/>
<meta property="og:type" content="product"/>

You're using an app id that's not validated. Check this out:

http://developers.facebook.com/tools...lace-p-78.html

If that doesn't work just paste any url from your site into the linter:
http://developers.facebook.com/tools/lint/

**seanruk** · 23 Nov 2010, 10:07 PM

Excellent, thanks for the info, I will start there :)

**seanruk** · 23 Nov 2010, 11:44 PM

Hi

I found the problem...

I had to change
<meta property="fb:admins" content="174717399208075"/>

to
<meta property="fb:admins" content="entered email address"/>

This still gives an error when using the developer tool but the add-on works.

Cheers

Thread: Facebook Like Button

Thread Tools

Search Thread

Display

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Re: Facebook Like Button

Similar Threads

Facebook like button

v151 facebook like button

Facebook like button

facebook like button and google + button in Header.

Facebook like button

Posting Permissions