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>
Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

801 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