Facebook "Like" Button #2

Apr 18th, 2013 at 11:08 PM
User 511961 Photo

Emily Groves
Registered User
1 post

Hi there,

I am having trouble correctly placing a Facebook "Like" button on my web site using Visual Site Designer.

I read through (many times) and tried to follow (many times) the directions on Facebook to add the "Like" button, but can't figure out where to put the specific parts into VSD.

https://developers.facebook.com/docs/re … gins/like/

That's the explanation link on FB.

Your help is greatly appreciated.

(p.s. I know my web site looks like crap right now, I'm re-doing it. Try not to judge me ;)

Emily
Apr 19th, 2013 at 06:38 AM
User 104702 Photo

johnvanhulst
Registered User
293 posts

Hi Emily,

Follow the steps on the link you gave: https://developers.facebook.com/docs/re … gins/like/ . At the end you click 'get code'. Copy this code and paste it in a HTML box that you place somewhere on your page (both parts, the upper part in the 'header' part of the HTML box, the lower part in the 'body') .
I realize you have to be a 'facebook developer' to do this. Is this the difficult part for you?

Success, John
John van Hulst
Apr 19th, 2013 at 06:43 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

You may have to publish your site to see it working. some scripts don't preview in VSD.
Here's another example of how it's done. Hope it helps.
http://progrower.coffeecup.com/facebook.html
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Apr 19th, 2013 at 12:07 PM
User 271657 Photo

paintbrush
Ambassador
3,816 posts

I went nuts with this until I figured out the site had to be live for the button to show up. :lol:
The script wants to connect to the actual site, not the temp/preview site. (Same with Twitter)
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
Sep 7th, 2013 at 08:22 PM
User 418919 Photo

Barbara Thompson
Registered User
249 posts

I've got the button on the site but how do I know that it "Liked" the page? http://www.theweddingmeister.com/BanquetHalls.html
Sep 28th, 2013 at 05:28 PM
User 2161470 Photo

Conrad Cruz
Registered User
13 posts

:) Thank you for the post John. It was very useful and helpful to getting the FB Like link on my website www.onestopplumbers.com Much appreciated!!

johnvanhulst wrote:
Hi Emily,

Follow the steps on the link you gave: https://developers.facebook.com/docs/re … gins/like/ . At the end you click 'get code'. Copy this code and paste it in a HTML box that you place somewhere on your page (both parts, the upper part in the 'header' part of the HTML box, the lower part in the 'body') .
I realize you have to be a 'facebook developer' to do this. Is this the difficult part for you?

Success, John
Oct 1st, 2013 at 07:44 PM
User 2277531 Photo

Hodson666
Registered User
27 posts

I have followed these steps: copying and pasting HTML5 code appropriately. But i'm still not seeing it on my live website. Does it take some time for it to show up?
johnvanhulst wrote:
Hi Emily,

Follow the steps on the link you gave: https://developers.facebook.com/docs/re … gins/like/ . At the end you click 'get code'. Copy this code and paste it in a HTML box that you place somewhere on your page (both parts, the upper part in the 'header' part of the HTML box, the lower part in the 'body') .
I realize you have to be a 'facebook developer' to do this. Is this the difficult part for you?

Success, John
Vet clinic: http://www.fossilridgeah.com
Canine massage: http://www.coloradocaninekneads.com
Oct 1st, 2013 at 07:53 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

Eric Rohloff wrote:
You may have to publish your site to see it working. some scripts don't preview in VSD.
Here's another example of how it's done. Hope it helps.
http://progrower.coffeecup.com/facebook.html

Did you try this. Also can you supply a link so we can check it out?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Oct 1st, 2013 at 08:04 PM
User 2277531 Photo

Hodson666
Registered User
27 posts

I don't see a facebook like button in the example, but my site is www.fossilridgeah.com the like button should be under the clinic info text at the top.
Vet clinic: http://www.fossilridgeah.com
Canine massage: http://www.coloradocaninekneads.com
Oct 1st, 2013 at 08:47 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,190 posts

One problem I see is this code.
<body onContextMenu="return false">

I don't know exactly what it's for. This needs to be removed. My be causing some issues.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.