igestweb

Seguramente a esta altura ya lo sepas, pero las redes sociales son cada vez más importantes para los sitios web. Ayudan a interactuar con sus usuarios y aparte aportan una mayor visibilidad y tráfico de una forma relativamente sencilla. Para que todo funcione mejor y para ayudar a que la gente pueda compartir el contenido de una web a través de la red social, las distintas redes sociales ofrecen herramientas que nos permiten integrar botones con los que realizar dichas labores. En este breve, pero útil artículo, vamos a incluir el código necesario para que puedas introducir el botón de compartir de la red social Google Plus. Solo tienes que elegir uno de los siguientes fragmentos de código y añadirlos en tu página en el punto donde quieras que aparezca el botón de compartir con la red social de Google.

Opción 1: Botón de compartir con el número de personas que han compartido el contenido encima.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»vertical‐bubble» dataheight=»60″></div>
<!‐‐ Place this tag after the last share tag. ‐‐>
<script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async =true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(po, s);
})();
</script>

Opción 2: Botón de compartir con el número de personas que han compartido el contenido al lado.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»bubble»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’); po.type =’text/javascript’;
po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>

 Opción 3:  Botón de compartir solo.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<divdata‐action=»share» data‐annotation=»none»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’);
po.type =’text/javascript’; po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>