Entrar

Añadir Like box a mi web

javiasur · · Solicitar retirada
Hola,

Hace unos meses escribí el código de la página web de mi negocio utilizando vuestros tutoriales y a pesar de mis conocimientos 0 en desarrollo web conseguí crear una pagina visualmente bastante aceptable para mi gusto (eso si, muy sencillita).

El problema es que estoy intentando añadirle un like box a la pagina que he creado en facebook pero no consigo hacer que aparezca solamente escribiendo el código que me da facebook ni con html ni con iframe (esto último tampoco se como funciona). Se me está escapando algo y no encuentro cuál es el problema.

¿Podríais echarme una mano? Gracias!

Un saludo.
skaparate · · Solicitar retirada
Hola:

¿Podrías mostrarnos el código? En teoría, si pegas esto inmediatamente después de <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/es_ES/all.js#xfbml=1&appId=[COLOR="#FF0000"]136590416440306[/COLOR]";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

y luego pegas esto donde quieres que aparezca el botón:

<div class="fb-like" data-href="[COLOR="#FF0000"]http://myurl.com/[/COLOR]" data-send="true" data-width="450" data-show-faces="true" data-font="arial"></div>

debería funcionar. Reemplaza la URL (en rojo) por la que quieras dar like. Puede que necesites crear una aplicación para Facebook y reemplazar la ID por lo que esta en rojo en el primer código, aunque esa debería funcionar.
javiasur · · Solicitar retirada
Copio el código del html en el que estoy haciendo pruebas:

<!DOCTYPE html>
<html lang="es">

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

<div class="fb-like-box" data-href="http://www.facebook.com/csfisioterapia" data-width="300" data-height="590" data-show-faces="true" data-stream="true" data-header="true"></div>

</body>
</html>

Poniendo ese código tal como me lo dan en http://developers.facebook.com/docs/reference/plugins/like-box/ cuando abro el html aparece la página en blanco. No se que debo hacer mal :S
javiasur · · Solicitar retirada
Creo que acabo de encontrar el problema... al subirlo en internet si funciona, pero al abrirlo en el documento html desde mi ordenador no aparece nada.

Perdonad las molestias