Cómo Incluir Suscripción por Email con FeedBurner

Uno de los elementos que no pueden faltar en un Blog es la suscripción por email. Debemos facilitar a los usuarios, el que puedan seleccionar el medio por el que prefieren recibir las notificaciones de las nuevas entradas.
El correo electrónico es un medio muy potente, para llegar a tus lectores. Aunque las redes sociales juegan un papel muy importante, el email tiene la baza de ser un mecanismo más cercano y directo.
Lo que si vamos a tratar ahora, es como añadir la suscripción mediante email, de la forma más sencilla que existe en Blogger: FeedBurner.

FeedBurner es un servicio de Google, que ofrece, entre otras posibilidades, la suscripción por email. Está completamente integrado en Blogger, como un gadget, por lo que la inclusión en nuestro blog es directa. De hecho, podrías terminar de leer este apartado y no continuar leyendo... eso sí, te perderás la mejor parte :-)

Vamos a incluirlo en nuestro blog:

  1. En Blogger, elegimos la opción Diseño y desde aquí elegimos la opción Añadir un gadget, en la sección de la plantilla donde quieras colocarlo
  2. Selecciona el gadget "Seguir por correo electrónico", aparecerá la siguiente pantalla:
  3. Pon el "Título" que desees
  4. Deja el campo "URL de FeedBurner", tal como te aparece por defecto
  5. Pulsa sobre el botón "Guardar"
Qué debe hacer un usuario para suscribirse por email
Supongamos que un usuario desea suscribirse a tu blog, el primer paso que tendrá que dar, es introducir su correo electrónico en la caja de suscripción:

Caja de suscripción por email

Luego pulsará sobre el botón y le aparecerá una ventana emergente en la que FeedBurner solicita confirmación mediante un captcha, para evitar spam. El usuario debe introducir el captcha y pulsar sobre el botón "Complete Subscription Request". Le aparecerá un mensaje final, invitándole a leer su buzón de correo.

Para que el proceso de suscripción termine, el usuario debe pulsar sobre el enlace.
Como puedes observar, la suscripción no es "tan directa" como hubiésemos deseado. Si el usuario se pierde en alguno de los pasos, perderemos una suscripción. Por tanto, toca facilitarle estos pasos.
Veamos algunos de los aspectos que podríamos mejorar:

  • La caja de suscripción es poco estética, puede pasar desapercibida
  • Todos los mensajes aparecen en inglés
  • El correo de confirmación es muy genérico, parece spam, además de que también está en inglés

Antes de solucionar estos problemas, analicemos ahora el proceso de suscripción, desde tu punto de vista, como blogger.

Qué debe hacer un blogger con los suscriptores

No basta con incluir la caja de suscripción, ahora toca controlar el qué, cuándo y cómo enviamos nuestras entradas. Además, es conveniente controlar el número de suscriptores que tenemos, recibir notificaciones si alguno se da de baja, etc.
Como usuarios de FeedBurner, vamos a sacarle el jugo a esta herramienta, al menos a la parte que nos toca hoy, que es la suscripción vía correo electrónico.

Estas son algunas de las cosas que lograremos:

  • Enviar las nuevas entradas de forma programada, cuando tú decidas
  • Los mensajes que reciban nuestros suscriptores estarán en español
  • Recibir notificación cuando un suscriptor se de de baja
  • Consultar el número total de suscriptores y poder gestionarlos

Cómo mejorar la caja de suscripción por email

Cuando incluimos el gadget "Seguir por correo electrónico", se generó el código XML correspondiente en nuestra plantilla. Vamos a retocar ese código generado, para que aparezcan todos los mensajes en español y, además, incluiremos un mensaje de "llamada a la acción", para animar a los usuarios a que se suscriban.
Como siempre, antes de comenzar, te recomiendo que hagas una copia de seguridad de la plantilla.

  1. Desde el menú de Blogger, seleccionamos Plantilla y luego Editar HTML
  2. Buscamos FollowByEmail1. Pulsamos CTRL+F desde el código y en el recuadro de búsqueda escribimos "FollowByEmail1" (si la sección de código está contraída, expándela)
  3. Te encontrás el siguiente código:
<b:widget id='FollowByEmail1' locked='false' title='Suscríbete por email' type='FollowByEmail'>

<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>

<div class='widget-content'>   <div class='follow-by-email-inner'>     <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>       <table width='100%'>         <tr>           <td>

<input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>           </td>           <td width='64px'>             <input class='follow-by-email-submit' type='submit' value='Submit'/>           </td>         </tr>       </table>       <input expr:value='data:feedPath' name='uri' type='hidden'/>       <input name='loc' type='hidden' value='en_US'/>     </form>   </div>

</div>

<span class='item-control blog-admin'>     <b:include name='quickedit'/>

</span>

</b:includable></b:widget>


  • Modifica las entradas que he resaltado en amarillo, sustituye "Email address..." por "Dirección email...", "Submit" por "Enviar" y "en_US" por "es_ES". Con este cambio tendrás todo en español


  • (Opcional) Puedes añadir un texto de llamada a la acción, justo después de "<div class='widget-content'>"


  • Este sería el resultado con todo incluido:
    <b:widget id='FollowByEmail1' locked='false' title='Suscríbete por email' type='FollowByEmail'>     <b:includable id='main'>   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>   <div class='widget-content'>

         <span>Suscríbete al boletín para recibir lo último en tu correo electrónico</span><br/><br/>     <div class='follow-by-email-inner'>       <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>         <table width='100%'>           <tr>             <td>               <input class='follow-by-email-address' name='email' placeholder='Dirección de email...' type='text'/>             </td>             <td width='64px'>               <input class='follow-by-email-submit' type='submit' value='Enviar'/>             </td>           </tr>         </table>         <input expr:value='data:feedPath' name='uri' type='hidden'/>         <input name='loc' type='hidden' value='es_ES'/>       </form>     </div>   </div>   <span class='item-control blog-admin'>



    1. Guarda la plantilla y visualiza tu blog



    Con este cambio, ya tenemos todo en español, tanto la caja de suscripción, como todos los mensajes de las ventanas emergentes de FeedBurner.



    Cómo configurar las suscripciones por email en FeedBurner



    Ahora le toca el turno a la herramienta FeedBurner, cuando abres el gadget desde la plantilla, fíjate que tienes un enlace que apunta hacia la gestión del mismo: "Ver las estadísticas y obtener más información".



    Tal como comenté al inicio de este artículo, FeedBurner no se usa sólo para el servicio de suscripción de correo electrónico, sino que dispone de otras herramientas. Puede resultar un poco confusa su utilización al principio, ya que dispone de muchas opciones.

    Para simplificar, vamos a hacer un paso a paso, para resolver cada uno de los temas comentados anteriormente.



    Cómo modificar el mensaje de correo electrónico de FeedBurner


    Como vimos, el mensaje de confirmación que reciben nuestros usuarios, está en inglés. Aplicando estos pasos podrás configurar y personalizar el mensaje de confirmación.




    1. Accede a FeedBurner y elige la cuenta que deseas gestionar


    2. Selecciona la pestaña Publicize


    3. En el menú lateral selecciona Communication Preferences, bajo Suscripciones por Email


    4. Guíate por esta pantalla:

      FeedBurner - Preferencias de comunicación


    5. Desde aquí podrás modificar el correo del remitente, el asunto y el cuerpo del mensaje. FeedBurner explica en detalle cada una de las opciones. Mi consejo, es que redactes lo mejor posible el cuerpo del mensaje, de tal forma que resulte atractivo. Recuerda que hasta que el usuario no pulse el enlace, no estará suscrito.



    Cómo modificar la hora de envío


    Se aplica cuando quieres enviar todas las modificaciones del día, si las hubiesen, en una franja horaria determinada.




    1. Accede a FeedBurner y elige la cuenta que deseas gestionar


    2. Selecciona la pestaña Publicize


    3. En el menú lateral selecciona Delivery Options, bajo Suscripciones por Email


      FeedBurner: Opciones de envío


    4. Elige la zona horaria y la franja horaria en la que se hará el envío de actualizaciones


    5. Guarda



    Cómo ver el número de suscriptores y gestionarlos


    Desde esta sección podrás ver el número de suscriptores que tienes y sus correos electrónicos, además podrás recibir una notificación si alguno de tus suscriptores se da de baja.




    1. Accede a FeedBurner y elige la cuenta que deseas gestionar


    2. Selecciona la pestaña Publicize


    3. En el menú lateral selecciona Subscription Management, bajo Suscripciones por Email


    4. Al final del documento, podrás marcar la opción Envíame un email cuando alguien cancele su suscripción


    5. A continuación puedes ver el número total de suscriptores. Si pulsas sobre ver detalles de suscriptor, podrás gestionar el listado completo de emails suscritos. También tienes la posibilidad de exportar el listado.



    Cómo modificar la apariencia del Email


    Si deseas modificar el tamaño del texto, títulos, incluir un logotipo, etc. FeedBurner tiene una sección específica para ello. Recuerda que desde aquí, lo único que puedes modificar es el aspecto de los mensajes, pero no el contenido.




    1. Accede a FeedBurner y elige la cuenta que deseas cambiar, si tienes varias


    2. Selecciona la pestaña Publicize


    3. En el menú lateral selecciona Email Branding, bajo Suscripciones por Email


    4. Sigue las indicaciones en pantalla, para modificar el aspecto de las entradas que reciben tus suscriptores por email.



    Conclusión



    Hemos hecho un recorrido por las posibilidades de la suscripción por email de FeedBurner y hemos aprendido como aprovecharlas en Blogger. Pero nos falta mucho más por aprender.



    Si te interesa profundizar sobre el tema, puedes comentarlo, quizás sería interesante explicar otros aspectos que están relacionados con el RSS y no hemos tratado aquí, como la posibilidad de enviar entradas reducidas al email.



    Te invito a que des tu opinión o corrijas cualquier cosa que se me haya escapado por aquí. Se que ha quedado un poco larga esta entrada, pero creí interesante no dividirla y tener toda la información en el mismo sitio. Si te ha gustado y crees que le puede resultar útil a alguien, compártelo en los botones de arriba



    ¡Ah! Se me olvidaba, si estamos hablando de suscripciones por correo y de ayuda a bloggers, que mejor que suscribirte a nuestro boletín y ser el primero en enterarte de los próximos artículos.



    Fuente del artículo



    ¿cómo puedo modificar el color de fondo del cajetín "Enviar"?Para modificar ese color utilizamos CSS, puedes copiar el código que te pongo en la parte de la plantilla donde está todo el CSS o ponerlo en la sección correspondiente desde el editor:

    input.follow-by-email-submit {


    background-color: orange !important;


    }