Solved

Facebook Like not appearing on Web Page Plese Help

Posted on 2013-11-18
11
350 Views
Last Modified: 2013-11-20
IIS 6
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.
default.htm
0
Comment
Question by:Thomas Grassi
  • 7
  • 4
11 Comments
 
LVL 58

Expert Comment

by:Gary
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)
0
 
LVL 23

Author Comment

by:Thomas Grassi
ID: 39658184
GaryC123,

Not sure what  you mean

new to this
0
 
LVL 58

Accepted Solution

by:
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
https://developers.facebook.com/docs/plugins/like-button/
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>
0
 
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
0
 
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.
0
Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

 
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

Thoughts
0
 
LVL 23

Author Closing Comment

by:Thomas Grassi
ID: 39662165
It works

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

Expert Comment

by:Gary
ID: 39662709
Could be your firewall or ad blocking software.
0
 
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
0
 
LVL 58

Expert Comment

by:Gary
ID: 39662773
NP
0
 
LVL 23

Author Comment

by:Thomas Grassi
ID: 39664782
GaryC123

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.
0

Featured Post

Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
jquery, dropdown 4 38
css, html 6 31
Google script to get long/lat from address 10 15
Bootstrap more than 12 columns in row 3 0
If you don't have the right permissions set for your WordPress location in IIS, you won't be able to perform automatic updates. Here's how to fix the problem.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 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 …

746 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now