Facebook 'Like' not displaying. Please Help - its driving me mad!

Question

Level 1

9 points

Facebook 'Like' not displaying. Please Help - its driving me mad!

I have generated the correct codes from the http://developers.facebook.com/docs/reference/plugins/like/ and I fully understand this process, however once I have positioned the html snippet widget on my iweb page, past the code into the box and click 'Apply'

The faint outline of the box is there but with no content.

Other widgets are working fine, youtube, soundcloud etc.

Facebook does give a choice of codes, iframe, xfbml and html5. I have tried all of these, with the same result each time. No 'like' button and no 'like box'

Please help if you can! Many thanks,

Anna

MacBook Pro, Mac OS X (10.6.8)

Posted on Sep 10, 2011 4:49 AM

Reply

Answer 1

Roddy

Level 6

17,265 points

Sep 10, 2011 10:43 AM in response to CorkersALC

I did a thing on these buttons here....

http://www.iwebformusicians.com/Search-Engine-Optimization/Inbound-Link.html

... but I don't know how current it is. Perhaps it may help?

Note the html alternate shown on this page. I can remember when I did this or why but it might have been because someone had a similar problem.

Can you tell from this post that I'm not a Facebook fan?

"I may receive some form of compensation, financial or otherwise, from my recommendation or link."

Reply

Answer 2

CorkersALC Author

Level 1

9 points

Sep 11, 2011 8:55 AM in response to Roddy

Thanks so so much! The alternative html has worked perfectly straight away!

Why has this alternative code worked - but the one facebook generated for me after filling in the form didn't?

I'm going to try it for the like box as well!

Thanks again

Reply

Answer 3

CorkersALC Author

Level 1

9 points

Sep 11, 2011 9:05 AM in response to CorkersALC

Still having the same issue trying to get a 'like box'

This is the code that the facebook developers page generates for me

Do you have any suggestions for an alternate code similar to the one that worked for the 'like' button? And any idea at all why it isn't working? I hate not understanding!

thanks

Reply

Answer 4

Roddy

Level 6

17,265 points

Sep 11, 2011 11:51 AM in response to CorkersALC

The facebook code has converted the URL to html. In this code, I am converting it back to plain language...

Note that I have kept the FB width of 292 px but changed the height to 50 px. I take it that they make the frame higher to accomodate the names of all your fans as they are added. I'll let you be the judge of how high it needs to be to fit them all in!

The FB codes are designed to be inserted in the html of a web page. I doubt if the FB techs have heard of iWeb - never mind an HTML Snippet. Some sites do actually recognize iWeb and provide a code. Most others provide and iframe or embed code in plain language for this purpose.

The iWeb Snippet is useful for quickly inserting code into a page but there are a lot of situations were it doesn't work too well and needs some code hacking.

Reply

Answer 5

CorkersALC Author

Level 1

9 points

Sep 12, 2011 3:44 AM in response to Roddy

That really makes sense now.

The height of this new button, is larger because it is the live news feed directly off my facebook music page - see

http://developers.facebook.com/docs/reference/plugins/like-box/

Does this code include showing the live feed?

Thanks so much for your help

Reply

Answer 6

Roddy

Level 6

17,265 points

Sep 12, 2011 8:47 AM in response to CorkersALC

No, I missed out some stuff in the above for simplicity. The stream is declared as "true" here...

Be aware, when you copy code, that unwanted spaces can occur in the result. Note how the code you pasted above appears with an extra space here...

stream=true&header=true&he ight=427"

Reply

Answer 7

COBanks

Level 1

0 points

Sep 15, 2011 10:36 AM in response to CorkersALC

Wow, facebook is the devil. I'm having a similar problem to the original poster and have used the alternative code which worked! How do I tweek it to get the simpler like button with just the number of likes next to it? I hope it's as easy as the previous fix, because my nerves are about to fry!

this is what I'm using now...it works, but prompts user for a comment...I just want the button that counts

<html>

<head>

<title>Headshots by Christopher O. Banks Photography</title>

</head>

<body>

scrolling="no" frameborder="0"

style="border:none; width:250px; height:21px"><iframe>

</body>

</html>

Message was edited by: COBanks

Reply

Answer 8

Roddy

Level 6

17,265 points

Sep 15, 2011 11:09 AM in response to COBanks

Facebook is not the devil - just an antisocial disease!

I haven't been near it in a while but it seems that you can choose "button_count" in the "layout Style" field. Is that what you want?

Reply

Answer 9

COBanks

Level 1

0 points

Sep 15, 2011 11:16 AM in response to Roddy

When I used to form on the Dev page to generate the iWeb Html Snippet code, it didn't work...made an empty box. Then I found this post and used your alternate html suggestion. What I'm hoping to do is have the like button that only shows a number after it and does not prompt the 'liker' to add a comment. I don't even know if it's possible, but I'm hoping so.

Reply

Answer 10

Roddy

Level 6

17,265 points

Sep 15, 2011 12:48 PM in response to COBanks

Have you tried going back to the Dev page and selecting the button count setting instead?

Reply

Answer 11

COBanks

Level 1

0 points

Sep 15, 2011 1:01 PM in response to Roddy

Yeah, I did. Using that form didn't work for me in iweb, but I found code that you suggested and used that, but it doesn't appear to have any reference to individual button types...sorry to be dense, but this is all very confusing to me. I am forced to do this all myself as I can't afford to pay a professional as I should just yet.

Code below is what I managed to make work. I pasted IT into the html snippet thing in iWeb and voila!!!! the button appears. (the iframe one that the facebook dev page form generated wouldn't work) I'd just like to have the button that only counts and doesn't prompt for comments as I'd have to rearrange the page design, and it was nightmarish enough getting where I am so far. If I have to start over, I'll cry. Not cute.

<html>

<head>

<title>Headshots by Christopher O. Banks Photography</title>

</head>

<body>

scrolling="no" frameborder="0"

style="border:none; width:250px; height:50px"><iframe>

</body>

</html>

Reply

Answer 12

Wyodor

Level 6

19,930 points

Sep 15, 2011 1:47 PM in response to COBanks

Is this the like button you want on your page?

http://www.wyodor.net/_Demo/Aptana/Show_External_Page.html

Look at the source of the HTML Snippet. I use the <iframe> :

http://www.wyodor.net/_Demo/Aptana//Show_External_Page_files/widget2_markup.html

Simply copied/pasted the code you're struggling with.

No need to spend money on a (web or otherwise) professional or a psychiatrist.

psychiatrist|səˈkīətrist; sī-|nouna medical practitioner specializing in the diagnosis and treatment of mental illness.

Reply

Answer 13

COBanks

Level 1

0 points

Sep 15, 2011 3:45 PM in response to Wyodor

That's exactly the button I want. But when I paste the dev page generated code into the iWeb Html Snippet nothing shows up. I looked at the source on your button and pasted the iframe info and still got nothing. I don't understand what I'm not getting, but clearly I'm missing something.

Reply

Answer 14

Sep 15, 2011 7:09 PM in response to Roddy

Your alternative code is great and works well for me. Do you know of a way to make the show_faces="false" altribute work with it? I've tried inserting it into your code but it doesn't work :-(

Reply