22 dic 2013

Botones de compartir de Google+

|
Compartir alguna entrada en las redes sociales repercute mucho en las visitas, especialmente cuando el contenido creado es de calidad, ya que de ser así es posible que las entradas sean recomendadas y compartidas por más gente que y de esta manera, que llegue a más público

También es un factor esencial dar un empujón al lector para que este comparta el post, ya que es poco probable que lo publique en las redes sociales si no colocas botones y enlaces para compartir en el blog.

Veremos en esta ocasión los distintos tipos de botones que tiene disponible Google+ para agregarlos al sitio. Tienen diferentes tamaños tanto de altura como anchura y son muy fáciles de colocar, pues solo será necesario agregar un pequeño código en el lugar donde se desee ponerlos.

Botón con anotaciones integradas

<div class="g-plusone" data-annotation="inline" data-width="300"></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>

Botón con cantidad de compartidos estilo horizontal

<div class="g-plusone"></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>
Botón sólo

<div class="g-plusone" data-annotation="none"></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>
Botón con cantidad de compartidos estilo vertical

<div class="g-plusone" data-size="tall"></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>

Si quieres más tamaños de los botones, cambiar su idioma o ver configuraciones avanzadas haz click aquí.