Facebook like button komt niet tevoorschijn!

Status
Niet open voor verdere reacties.
C

ChrisjuhB

Gebruiker
Lid geworden
8 jan 2012
Berichten
17
Hallo ik probeer voor de eerste keer een facebook like button op een website te zetten.
Ik heb de generator gebruikt van facebook zelf en alle stappen gevolgd alleen laat hij de like button maar niet zien!

Wat is er verkeerd aan deze code?

HTML: 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:title" content="Verkeersschool de Haas" />
<meta property="og:type" content="school" />
<meta property="og:url" content="http://www.verkeersschool-dehaas.nl" />
<meta property="og:image" content="http://www.verkeerspro.nl/wp-content/uploads/2010/02/VerkeersschoolDeHaas.jpg" />
<meta property="og:site_name" content="Verkeersschool de Haas" />
<meta property="fb:app_id" content="149758171789446" />
<title>Untitled Document</title>

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

<div class="fb-like" data-href="http://www.facebook.com/pages/Verkeersschool-De-Haas/149758171789446" data-send="false" data-width="450" data-show-faces="false"></div>
</body>
</html>
 
Hoi ChrisjuhB,
In de code zie ik zo gauw niets verkeerds staan.
Maar de generator zegt erbij:


  • Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
  • Bij het vraagtekentje van de button staat: "Include a Send button. The Send Button is available only on sites that use the JavaScript SDK."

En die vind ik niet in de code terug > dan mist de rest van de code een aantal instellingen > daar zal ook de button bij zitten.

Misschien kan het ook door zelf een afbeelding met het Facebook-logo in de <div> te zetten:
HTML: 
<div class="fb-like" data-href="http://www.facebook.com/pages/Verkeersschool-De-Haas/149758171789446" 
    data-send="false" data-width="450" data-show-faces="false">
    <img src="images/facebooklogo.png" width=".." height=".." alt="" />
</div>
Met vriendelijke groet,
CSShunter
 
Bedankt voor je snelle reactie, helaas heeft dit het probleem niet opgelost.
Hoe zorg ik ervoor dat de javascript sdk geladen word dan?

csshunter zei:
Hoi ChrisjuhB,
In de code zie ik zo gauw niets verkeerds staan.
Maar de generator zegt erbij:


  • Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
  • Bij het vraagtekentje van de button staat: "Include a Send button. The Send Button is available only on sites that use the JavaScript SDK."

En die vind ik niet in de code terug > dan mist de rest van de code een aantal instellingen > daar zal ook de button bij zitten.

Misschien kan het ook door zelf een afbeelding met het Facebook-logo in de <div> te zetten:
HTML: 
<div class="fb-like" data-href="http://www.facebook.com/pages/Verkeersschool-De-Haas/149758171789446" 
    data-send="false" data-width="450" data-show-faces="false">
    <img src="images/facebooklogo.png" width=".." height=".." alt="" />
</div>
Met vriendelijke groet,
CSShunter
Klik om te vergroten...
 
Dan zou je de hele javascript TDK ook kunnen vergeten, en dit kunnen proberen:


  • Dit image downloaden:
    facebook-goed.png
    (facebook-goed.png).
  • Image uploaden naar je images-map.
  • En dan alleen deze code gebruiken:
HTML: 
<p><a href="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.verkeersschool-dehaas.nl&send=false&layout=box_count&width=450&show_faces=false&font&colorscheme=light&action=like&height=90">
	<img src="images/facebook-goed.png" style="vertical-align: middle" width="90" height="20" alt="" /></a>
</p>

(ik kan zelf niet zien of het werkt, want ik heb geen Facebook-account: dan mag je niet liken!)

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
@csshunter. Wat ik niet kan begrijpen is dat de ontwikkelaars van FB duidelijke instructies geven.

https://developers.facebook.com/docs/reference/plugins/like/ ik de juiste gegevens invul op die site en ook die ik de like foto's van de FB gebruikers erbij.
ik heb een lege html pagina gemaakt om het uit te testen. ik heb deze pagina tevens online gezet om zodoende na te gaan als het misschien perce online moet zijn. helaas het zelfde resultaat. zowel is IE8.0 als in IE 9.0, Chrome,en firefox krijg ik een blanco pagina.

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#"
xmlns:fb="https://www.facebook.com/2008/fbml">

<head></head>

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


<body>
<div>

<center> <h1>test....test...test</h1></center>
<P>
<div class="fb-like" data-href="https://www.facebook.com/pages/Celebrations-Wedding-Events-Services/102326943276472" data-send="false" data-width="300" data-show-faces="true" data-font="verdana" data-colorscheme="dark"></div>

</body>
</html>

ook jouw logo versie hebt ik gebruikt zonder resultaat.
Is er misschien iets dat ik over het hoofd zie.
 
Probeer het anders eens via deze pagina:

http://developers.facebook.com/docs/reference/plugins/like/
(Beide stappen volgen, ik was zelf zo blond om niet verder te kijken dan m'n neus lang is en op "Get Code" te drukken. Er bestaat echter zoiets als Stap Twee.)

Voor zover ik zie, heb ik op mijn pagina dezelfde code als jij (alleen dan natuurlijk met m'n eigen site als "target to like"), alleen heb ik het script-gedeelte vóór het einde van de 'head' staan. Misschien scheelt dat?

Heb er verder niet veel verstand van, dus als dit niet werkt, weet ik het ook niet, sorry.
 
Laatst bewerkt:
probleem verholpen. lokaal werkt het script niet ook al heb je een internet verbinding. online werkt het wel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan