[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now


Facebook Like not appearing on Web Page Plese Help

Posted on 2013-11-18
Medium Priority
Last Modified: 2013-11-20
Microsoft Expression Web 4
Windows 7 Pro
Front Page Extensions 2002
Windows 2003 Server

My default.html page trying to add Facebook Like to it

All I get is a blank rectangle across the entire page about 1/4 inch high

Here is the code see attached.
Question by:Thomas Grassi
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 4
LVL 58

Expert Comment

ID: 39658181
Code appears to be working fine bar the fact that you have the FB developer url as the page to like - you should be filling this with your own url (data-href)
LVL 23

Author Comment

by:Thomas Grassi
ID: 39658184

Not sure what  you mean

new to this
LVL 58

Accepted Solution

Gary earned 2000 total points
ID: 39658187
In the HTML you have this

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

You need to replace https://developers.facebook.com/docs/plugins/ with your own url

I assume you are using
You need to add your own urls to the code - if you are using a scripting language like PHP then this would be a dynamic thing where it auto populates for each page with php code e.g.
<div class="fb-like" data-href="<?=http://$_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]?>"; data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

LVL 23

Author Comment

by:Thomas Grassi
ID: 39658228
<div class="fb-like" data-href="http://www.mydom.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

made the above change still no like button appears on the page
LVL 23

Author Comment

by:Thomas Grassi
ID: 39658278
Could it be because I am using HTML not HTML5?

This code was written a  long time ago using Front Page
The Page has not had any change since it was put into production.
LVL 23

Author Comment

by:Thomas Grassi
ID: 39658312
Wondering if I am not able to connect to the facebook site?

<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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Seems the web page takes a long time to present itself

Could I have a firewall issue?

Do I need to open up something?

When I type this in url //connect.facebook.net/en_US/all.js#xfbml=1
I get page not found

LVL 23

Author Closing Comment

by:Thomas Grassi
ID: 39662165
It works

just not from my computer which I used to develop it on
LVL 58

Expert Comment

ID: 39662709
Could be your firewall or ad blocking software.
LVL 23

Author Comment

by:Thomas Grassi
ID: 39662741
Thanks GaryC123

I think it might be IE caching.

I came to work today accessed my site and the same thing happened the Like button did not show up.

I just did a F5 refresh and they appeared.

Will try that tonight on my home computer.

Now to add the Like / Share button to my asp coded pages.

Again thanks for your help
LVL 58

Expert Comment

ID: 39662773
LVL 23

Author Comment

by:Thomas Grassi
ID: 39664782

Yes it now works on all my local lan computers also.

Was IE caching after I hit F5 refresh the FB LIKE / Share appeared.

Again thanks for all your help.

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preparing an email is something we should all take special care with – especially when the email is for somebody you may not know very well. The pressures of everyday working life stacked with a hectic office environment can make this a real challen…
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

656 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question