Cómo incluir botones de FB y Google+ en mi web

JuanitoLaguna · 11 Dic 2013

Hola a todos.

Estoy haciendo mis primeras armas en esto del diseño web y vamos a hacer el intento de generar algún ingreso con Adsense.

El primer problema que se me presenta es el siguiente: Estoy tratando de incluir todos los botones de redes sociales y por el momento sólo lo he logrado con Twitter. En lo que respecta al de Facebook, creo estar haciendo todo bien, siguiendo los pasos que se indican aquí. Con Google+ directamente estoy perdido.

Por las dudas, les cuento que para el diseño estoy empleando HTML-Kit y que aún no he subido la web a un servidor. Pero supongo que si estuvieran bien, los botones deberían verse correctamente. De hecho, los de Twitter los puedo ver.

Ojalá puedan ayudarme; esto me está volviendo loco!!!

eldiosdelolimpo · 11 Dic 2013

hola amigo, aca abriste otro tema hace un rato http://forobeta.com/presentaciones/242824-problemas-incluir-botones-de-fb-y-google-mi-web.html , no hace falta que abras dos veces el mismo tema

saludos

JuanitoLaguna · 11 Dic 2013

Sucede que lo abrí en la sección equivocada y algunos usuarios me llamaron la atención. Por eso lo traje aquí.

Emanuel Andrei · 11 Dic 2013

Bueno, eso con pedirselo a algun moderador que te lo mueva, no habria ningun problema.

Vamos con tu problema. Nos podrias facilitar el codigo html del lugar donde quieres meter los favicons ? Asi como el que ya metiste y el problema exacto que te da al querer meter los otros?

P.D: Para aclarar, son los botones de las redes sociales en si (favicons), o el widget de cada red social?

JuanitoLaguna · 11 Dic 2013

El problema se da con los widgets de Facebbok y de Google+.

Estos son los botones de Twitter que me funcionan correctamente.

Insertar CODE, HTML o PHP:

<div id="boton-tw"><a href="https://twitter.com/islas_griegas" class="twitter-follow-button" data-show-count="false" data-lang="es" data-show-screen-name="false">Seguir a @islas_griegas</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>
<div id="boton-tw-uno"><a href="https://twitter.com/share" class="twitter-share-button" data-via="islas_griegas" data-lang="es">Twittear</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></div>

A continuación, tengo la siguiente etiqueta:

Insertar CODE, HTML o PHP:

<div id="boton-fb"></div>

Y es ahí donde quiero ubicar el botón de Facebook.

Según esta página, debo poner el siguiente código inmediatamente después de abrir el body:

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

Y luego el siguiente código donde quiero ubicar el botón:

Insertar CODE, HTML o PHP:

<div class="fb-like" data-href="https://developers.facebook.com/islasgriegasbiz" data-width="110" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>

La cuestión es que sigo los pasos y no logro que se visualice, como sí lo logré con Twitter.

dj10go · 11 Dic 2013

Hola gracias por el codigo y lo copia a mi pagina y funciona correcto y le puse me gusta a tu sitio jjj

Enviado desde mi LG-Optimus_L3_e400 usando Tapatalk 2

JuanitoLaguna · 12 Dic 2013

En serio me decís??? Por qué será que a mi no me sale bien? Tendrá que ver el hecho de que la web no está subida a ningún servidor? Me estoy volviendo loco!

PD: Gracias por el MG

---------- Post agregado el 13-dic-2013 hora: 11:29 ----------

[/COLOR]Pudiste ver el código? Otro usuario me dice que le funciona bien... Puede ser el problema que la web aún no está subida a un servidor? Lo que me confunde es que los widgets de Twitter se vean bien...

Feddy · 13 Dic 2013

No recuerdo si este es uno de los widets, pero hay varios que no permiten que entres desde "localhost" intenta ingresar desde tu direccion de IP publica.

dj10go · 14 Dic 2013

La primera vez no me funciono por que el codigo tenia un espacio y lo borre y hay ya empezo a andar ...
Ej:
Emp ezo y borre el espacio y quedo Empezo

Enviado desde mi LG-Optimus_L3_e400 usando Tapatalk 2