Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Botones para compartir en redes sociales

Vamos a ver 3 tipos de botones para compartir nuestro contenido en las redes sociales, los mas usados suelen ser facebook, twitter y google plus, a continuación dejo una pequeña guía de como instalarlos en nuestro sitio web

Botón compartir en facebook
<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-share-button" data-type="button_count"></div>
para compartir contenido en facebook

Botón twittear contenido
<a href="https://twitter.com/share" class="twitter-share-button" 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>
para twittear el contenido

Botón compartir en google plus
<div class="g-plusone" data-size="medium"></div>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
para compartir contenido en google plus
15
Puntos
4667
Visitas
3
Resp
Por alber hace 122 meses
Administrador
Respuesta #1
ya lo estoy usando y funciona correctamente, gracias alber
0
Puntos
Por selinux hace 122 meses
Principiante
Respuesta #2
Y VOMO LO HARIAMOS PA AGREGAR LINKEDIN
0
Puntos
Por poxipol hace 118 meses
Principiante
Respuesta #3
Sé que este hilo tiene ya unos cuantos meses de antigüedad, pero como veo que nadie respondió al compañero de arriba, dejo por aquí un enlace donde podéis generar el código del botón para compartir en LinkedIn.

Podéis elegir el idioma del botón, que en este caso sólo afecta al único texto que contiene, que es el de "Compartir" y también el estilo del botón, si queréis que sea vertical u horizontal con el nº total de veces que el post/sitio ha sido compartido y por último, un botón normal y corriente que no incluye esa info.

Generar botón para LinkedIn
0
Puntos
Por AlexMnrs hace 91 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate