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

mayo 05, 2015

¡Comparte tus entradas en las redes sociales!
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 constanciaLeer
  • Facebook I: Perfil personal versus Fanpage. Leer
  • Facebook II: Fanpages y Grupos. Leer
  • Facebook III: Diseñar tu fanpageLeer
  • 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:



    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-1

    Y 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 ♥






    Te encantará:

    0 pensamientos ¡falta el tuyo! ;)



    ¡Anímate a comentar! ♥Tu opinión es muy importante para mí♥



    El Perro de Papel es una Marca propiedad de Celia Espada García debidamente registrada en la OEPM, Modalidad M, Número 3527002 (0). Todos los recursos creados por Celia Espada García están correctamente protegidos y vinculados a la autora y no pueden usarse sin consentimiento previo.

    Safe Creative #1408270134965
    Los derechos de autor y propiedad intelectual del material compartido, tanto gratuitamente como de pago, en esta web y sus redes sociales pertenecen a "El Perro de Papel", exceptuando las referencias a otros creadores, los cuales están debidamente citados en los créditos.