Community Manager: ¡Comparte tus entradas en Twitter y Google Plus!

Serie de entradas:

Habilidades necesarias para ser tu propio Community Manager. Leer

La importancia del Contenido. Leer

La importancia de la Cercanía y el Cariño. Leer

¿Qué es la Cultura 2.0? Leer

Fomentar la Conversación. Leer

Ser Creativo cada día. Leer

El carácter de tu marca. Leer

La constancia. Leer

Facebook I: Perfil personal versus Fanpage. Leer

Facebook II: Fanpages y Grupos. Leer

Facebook III: Diseñar tu fanpage. Leer

Facebook IV: Crear una Campaña en Facebook. Leer

Facebook V: Optimizar las fotos para tus campañas. Leer

Twitter I: Introducción. Timeline, hashtags y menciones. Leer

Twitter II: Las Listas. Leer

Twitter III: 7 Consejos para usar Twitter. Leer

¡Comparte tus entradas en facebook! Leer

¡Comparte tus entradas en twitter y google plus! Leer

¿Ya has añadido tu botón para compartir tus entradas en facebook al inicio y final de tus entradas? ¡Estupendo! Espero que empieces a notar un incremento en tu actividad social. Pero recuerda, los avances no se ven de un día para otro... y mucho menos si pones el botón y te olvidas de compartir tu entrada. Si quieres que te encuentren... ¡tienes que moverte! Nadie lo hará por ti.
Hoy voy a contarte cómo añadir los botones de compartir en twitter y google plus junto al que ya pusimos de facebook. ¡Verás que sencillo! Es mucho más rápido y en un par de minutos lo tendrás funcionando en tu blog para facilitar a tus lectores el compartir tus entradas.

¿Empezamos?

1.- Entramos en nuestra plantilla HTML, abrimos el buscador interno y buscamos:
<div class='post-header-line-1'/>2.- Recuerda que encontrarás dos y a nosotros nos interesa el segundo, como cuando instalamos el botón de facebook. Sabrás que es el correcto porque justo debajo tendrás el código de facebook que instalamos en el anterior tutorial:
<div class='fb-like' data-share='true' data-show-faces='false' data-width='100'></div>3.- Antes de pegar el de twitter, vamos a crear una tabla para que estén alineados (table) y a meterlos dentro de un contenedor individual (div). Así:<div align='left'><table align='left' cellpadding='1px' cellspacing='1px'><tbody><tr><td><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='fb-like' data-share='true' data-show-faces='false' data-width='100'></div></b:if>  </td><td><center><a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='ElPerrodePapel' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></center>  </td>
  </tr>  </tbody>      </table>      </div>Puedes recordar el tema de las tablas HTML en el siguiente tutorial si tienes dudas:Crear tablas HTML en Blogger

EXPLICANDO EL CÓDIGO

• El código en morado es el que ya tenías instalado, el del botón de facebook. Verás que yo he añadido una parte nueva delante y detrás, la que he marcado en amarillo. Lo que hace es condicionar la página que se comparte, a veces a facebook se le va la pinza y en vez de la entrada comparte la url genérica del blog y no es eso lo que queremos. Así que puedes añadir la parte marcada en amarillo tal y como la tengo yo.

• Si te fijas en la segunda celda (td) está el código de twitter marcado en azul. Tienes que copiarlo tal cual en tu plantilla y el único cambio que tienes que hacer es poner tu nombre de usuario donde aparece el mío. Ni más ni menos.

¡VAMOS A POR GOOGLE PLUS!

Añadimos una nueva celda justo debajo de la de twitter:
<div align='left'><table align='left' cellpadding='1px' cellspacing='1px'><tbody><tr><td>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='fb-like' data-share='true' data-show-faces='false' data-width='100'></div></b:if>
  </td><td>
<center><a class='twitter-share-button' data-count='horizontal' data-lang='es' data-via='ElPerrodePapel' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></center>  </td><td>  <center> <g:plusone expr:href='data:post.url' size='medium'/></center>  </td>
  </tr>  </tbody>      </table>La que te he marcado en color verde. Pero para que funcione nuestro botón de Google Plus, tenemos que instalar un pequeño script en la plantilla. Tranquila, si has llegado hasta aquí, lo que viene ahora es pan comido.1.- Abre el buscador interno de tu plantilla y busca:</head>2.- Justo encima pega el siguiente fragmento de código:
<!-- boton+1 de blogger --><script lang='ss' src='http://apis.google.com/js/plusone.js' type='text/javascript'/> 3.- Comprueba en Vista Previa que no hay errores, guarda tu plantilla... ¡y a compartir! :D

NOTA:

Recuerda que en el anterior tutorial vimos como poner los botones al principio y al final, los pasos para instalar estos al final de tus entradas en vez de al inicio son los mismos, pero tienes que buscar en vez de:
<div class='post-header-line-1'/>

el siguiente código:'post-footer-line post-footer-line-1Y tendrías que tener tu tabla de botones justo encima.
¿Te animas a instalarlos? ¿Prefieres ponerlos al principio o al final de tus entradas?

---

Suscríbete a mis entradas por email ¡para no perderte nada!
♥ Las recibirás en tu bandeja de entrada el mismo día que sean publicadas ♥