Ayuda para colocar FanBox de Facebook en Wordpress

Abel Chavez · 22 Sep 2011

Hola, he estado buscando la manera de colocar una FanBox de Facebook en mi sitio web Tecnología para tu vida diaria sin resultados positivos, he usado el buscador del foro para ver si encuentro mas informacion y nada, asi que les pido si alguien sabe como colocar la FanBox en la barra lateral en forma de Widget sea tan amable de explicarme.

Les cuento lo que he hecho hasta ahora:

1.- Genero el codigo del FanBox en Facebook
2.- Agrego un Widget de Texto/HTML en la barra lateral.
3.- Coloco el codigo del FanBox dentro del Widget
4.- Le doy Guardar

Verifico en mi pagina web y nada, no aparece la FanBox, aparece el Widget pero vacio al parecer el codigo no funciona, les dejo el codigo que me genera facebook para la FanBox:

Insertar CODE, HTML o PHP:

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


<div class="fb-like-box" data-href="http://www.facebook.com/geeknologia" data-width="235" data-show-faces="true" data-stream="false" data-header="true"></div>

Lo he ingresado en el Widget y como les menciono, no funciona, ya me tiene un poco cansado esto, espero me puedan ayudar.

Gracias !

klk3 · 22 Sep 2011

mmm pues yo he probado ese mismo codigo y si que me sale el box like

yo tengo uno puesto en mi wordpress que me funciona y es con este codigo:

Insertar CODE, HTML o PHP:

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

<div class="fb-like-box" data-href="URL DE TU GRUPO" data-width="240" data-show-faces="true" data-stream="false" data-header="true"></div>

ElysisOne · 22 Sep 2011

Donde rayos conseguiste ese codigo?

Intenta con el que yo uso

Insertar CODE, HTML o PHP:

<div id="fb-root"></div><script src="http://connect.facebook.net/es_ES/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/[COLOR="#800000"]tu_ID_de_grupo[/COLOR]" width="[COLOR="#006400"]250[/COLOR]" show_faces="true" border_color="#ffffff" stream="false" header="false"></fb:like-box>

Lo que está en vinotinto cambialo por el ID de tu grupo:
Lo que está en verde es el ancho del fanbox.

Mandrake · 22 Sep 2011

Cuando le das a obtener el codigo te sale una pestañita y te da opciones de codigo siempre escojo el de iframe

frN13 · 22 Sep 2011

tenes que seleccionar el codigo con iframe y pegar ese.

Abel Chavez · 22 Sep 2011

Mmmm, he colocado el codigo de ElysisOne, cambiado mi ID de Pagina Facebook... y nada, mmm, ya estoy empezando a creer que es un problema con el tema que manejo ! Porque klk3 dice que a el si le funciona el codigo que a mi no me funciona, casi estoy seguro entonces que es el theme que tengo.

frN13 dijo:
tenes que seleccionar el codigo con iframe y pegar ese.

Era eso, tan simple y yo complicandome, jjejee, gracias !!!

Jorge02 · 22 Sep 2011

Abel yo checa tu codigo en un blog que tengo y me funciona correctamente

Insertar CODE, HTML o PHP:

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


<div class="fb-like-box" data-href="http://www.facebook.com/geeknologia" data-width="235" data-show-faces="true" data-stream="false" data-header="true"></div>

Abel Chavez · 22 Sep 2011

Jorge02 dijo:
Abel yo checa tu codigo en un blog que tengo y me funciona correctamente

Ya me funciona en mi sitio web, lo puse con iframe, con este otro codigo nunca me funciono, ni idea porque, con eso de que cada sitio es diferente, yo le echo la culpa a la plantilla, pero bueno, ya todo solucionado, muchas gracias por probarlo en tu sitio web... por cierto... que sexy la chica de la foto en tu sitio de pruebas !, no me gusta como canta, pero esta muy bonita !

kafunmx · 22 Sep 2011

Lo que pasa es que la versión anterior de tu página estaba en caché.

Cuando hagas cambios te sugiero pruebes con páginas de error 404 tusitio.com/554648885 para que puedas verlo.

O bien, borrar el caché de tu navegador cada vez que haces un cambio.

Abel Chavez · 22 Sep 2011

kafunmx dijo:
Lo que pasa es que la versión anterior de tu página estaba en caché.

Cuando hagas cambios te sugiero pruebes con páginas de error 404 tusitio.com/554648885 para que puedas verlo.

O bien, borrar el caché de tu navegador cada vez que haces un cambio.

Gracias, lo tendre en cuenta !!

Ayuda para colocar FanBox de Facebook en Wordpress

Abel Chavez

klk3

ElysisOne

Mandrake

frN13

Abel Chavez

Jorge02

Abel Chavez

kafunmx

Abel Chavez

Temas similares