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

Facebook Like not appearing on Web Page Plese Help

Posted on 2013-11-18
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
  • 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 500 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>
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

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

Comprehensive Backup Solutions for Microsoft

Acronis protects the complete Microsoft technology stack: Windows Server, Windows PC, laptop and Surface data; Microsoft business applications; Microsoft Hyper-V; Azure VMs; Microsoft Windows Server 2016; Microsoft Exchange 2016 and SQL Server 2016.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

766 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