12 noviembre 2015

Cómo ofrecer suscripción por correo a mi blog con FeedBurner


La suscripción vía Email al blog es un método muy frecuentado por los lectores de blogs para recibir las actualizaciones más recientes de sus sitios preferidos. Mucha gente aún prefiere el correo electrónico sobre las redes sociales para mantenerse al día con las publicaciones de sus sitios preferidos por la privacidad que ofrece.

Ofrecer una suscripción a nuestros lectores resulta de gran ayuda ya que ofrece la posibilidad de elegir la forma en como se quieren enterar de nuestras publicaciones así como una forma de conocer y administrar a nuestros seguidores fieles.

Feedburner es una herramienta de Google que nos ofrece la posibilidad, entre muchas otras, de añadir un formulario de suscripción vía Email en nuestro blog. Feedburner es ideal para nosotros por lo sencillo que resulta su uso así como por su integración con Blogger

En este post aprovecharemos esa integración que existe entre Feedburner y Blogger para activar nuestra cuenta de feedburner, configurarla y, mediante el widget de Blogger, ofrecer una suscripción rápida y sencilla a nuestros lectores al blog.



¿Porqué ofrecer una suscripción vía email en nuestro blog?


Las suscripciones a nuestro blog nos servirán como una forma de conocer la cantidad de lectores fieles que tenemos ya que tendremos a mano una lista de correos muy certera sobre los usuarios que se suscriben y se interesan por nuestros contenidos. 

Además resulta una forma eficiente de difundir nuestro contenido al alertar a nuestros lectores fieles sobre las actualizaciones que nuestro blog recibe, ya que al momento que ellos abran la bandeja de entrada de su correo sabrá que hay un nuevo post en nuestro blog que no ha leído.

Finalmente cabe destacar que es una manera efectiva de atraer vistantes ya que, quienes se suscriban las notificaciones visitarán nuestro blog para leer nuestro contenido como veremos más adelante.

Seamos sinceros, ¿A quién no le gusta saber quienes son los visitantantes que lo siguen fielmente? La suscripción vía email es una buena forma de saberlo.


Añadir Feedburner al blog para ofrecer una suscripción vía Email


Paso 1 - Integrar Feedburner con Blogger y nuestro blog


Para esto necesitamos hacer los siguientes pasos:
  1. Ir a Blogger.
  2. Iremos a la pestaña Diseño de nuestro blog y seleccionaremos la opción "Agregar un gadget" en la sección del blog donde queremos colocarlo.
  3. Busca y selecciona el Gadget Seguir por correo electrónico. En seguida te aparecerá la siguiente ventana:
  4. En Título coloca el nombre del widget (ej: ¡Suscríbete!)
  5. En url de Feedburner dejaremos la url del feed que se ha creado.
  6. Pulsaremos el botón guardar.
¡Listo! Ya tenemos la opción de suscripción vía correo electrónico para que nuestros vistantes se suscriban a las últimas actualizaciones de nuestro blog, pero notaremos que el widget está en inglés:

Para esto, habrá que configurarlo, cosa que haremos a continuación.

Paso 2 - Configurando el widget de suscripción vía email


El widget de Blogger por defecto viene en inglés al igual que todo el servicio de Feedburner. Afortunadamente podemos modificar a nuestro gusto este widget a través del HTML del blog para mostrar su contenido en español así como el mensaje de confirmación.

Para esto haremos lo siguiente:
  1. En Blogger, ve a la pestaña Plantilla y luego a Editar HTML.
  2. En la lista de botones que está sobre el edito haz clic en el botón Ir al Widget. Te abrirá un menú en donde buscaremos la opción 'FollowByEmail1' y la seleccionaremos (en caso de que esté contraída, expándela completamente).
  3. A continuación haremos clic dentro de la zona de edición, pulsaremos CTRL + F en el teclado y en el recuadro de búsqueda que aparecerá en la parte superior derecha buscaremos el siguiente código:

    <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>

     Una vez en él, sustituye lo marcado en rojo (Email address...) por Dirección Email... o el texto que desees.
  4. Ahora busca el siguiente segmento de código (debe estar una 3 líneas abajo del anterior):

    <input class='follow-by-email-submit' type='submit' value='Submit'/>

     Y sustituye la segunda palabra Submit por Enviar (ojo: sólo la segunda palabra, la que está en el atributo value).
  5. Finalmente busca la etiqueta:

    <input name='loc' type='hidden' value='en_US'/>

     Y sustituye en_US por es_ES para que el idioma de la suscripción sea por defecto español.
  6. Guarda la plantilla y visualiza tu blog para ver los cambios.
Notarás que ahora, el widget se muestra en español.

Opcional: Si quieres añadirle "una llamada a la acción" es decir, un mensaje que  motive al visitante a suscribirse vía email a nuestro blog sólo debemos repetir los pasos 1 y 2, hacer clic dentro de la zona de edición, pulsar CTRL + F en el teclado y en el recuadro de búsqueda que aparecerá en la parte superior derecha buscaremos el siguiente código:
<div class='widget-content'>
y Justo debajo de ella pegar el siguiente código:

<span>Suscríbete al blog para recibir lo último en tu correo electrónico</span><br/><br/>
Nota: puedes cambiar el texto en rojo por uno similar.

El widget completo, con los cambios establecidos se observará de la siguiente forma:

<b:widget id='FollowByEmail1' locked='false' title='Suscríbete por email' type='FollowByEmail'>
    <b:includable id='main'>
  <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
     <span>Suscríbete al blog 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='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Dirección de email...' type='text'/&gt;
            </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'>
    <b:include name='quickedit'/>
  </span>
</b:includable></b:widget>

Ahora, al visualizar el blog, notamos que la caja de suscripción se encuentra en español y con el mensaje de llamada a la acción (gracias al punto 3, 4 y el opcional):

De igual forma, las ventanas emergentes que saldrán al rellenar los campos al solicitar  la suscripción estarán en español (gracias al punto5):

Sin embargo, el mesaje que recibirá en su correo estará en inglés y los correos que reciba estarán configurados de forma predeterminada y esto es porque aún no configuramos Feedburner para modificar estos puntos. Es justo lo que haremos a continuación.

Paso 3 - Configurar las suscripciones por Email de Feed Burner


Configurar las suscripciones es muy sencillo aunque resulta algo marciano hacerlo la primera vez. Aún así es cosa de observar y modificar una cuantas opciones. Para configurarlo debemos ir a Feedburner e ingresar con nuestra cuenta de Gmail (con la que abrimos nuestro blog):
  1. Ve a Feedburner e ingresa con tu cuenta de Gmail (con la que tienes registrado tu blog).
  2. En nuestro escritorio seleccionaremos el feed de nuestro blog, el cual reconoceremos porque comparte su nombre.
  3. Ya en el feed, veremos varias pestañas en la parte superior. Buscaremos y haremos clic en la pestaña Publicize y en su menú izquierdo buscaremos y seleccionaremos la opción Email Subscriptions.
Una en la opción Email subscriptions, observaremos un submenú que ha aparecido justo debajo de la opción que acabamos de activar estas opciones son:

  • Suscripcion Magnament 
  • Comunicacion Preferences 
  • Email Branding
  • Delivery option

Vamos a explicar cada una y ver como modificarlas:


Suscripcion Magnament (administrador de la suscripción)

Esta opción nos ofrece un widget html modificable para insertar en nuestro blog que permitirá a nuestros visitantes suscribirse a nuestro blog.

Además nos ofrece un código html con un link de suscripción que podemos utilizar como firma en nuestro correos electrónicos.

Finalmente la lista de suscriptores a nuestro blog donde nos muestra el correo suscrito, la fecha de suscripción, su estatus y la posibilidad de desactivar el envío de correos o eliminar al suscriptor de la lista.

Esta será la pestaña que más visitaremos de ahora en adelante para conocer quienes se han suscrito. No obstante, no hace falta modificar algo aquí.


Comunicacion Preferences (preferencias de comunicación)

Esta opción nos permite modificar el mensaje de confirmación. Aquí tenemos 2 opciones:
  • Email “Reply-To” Address: la cual es la dirección que va a recibir las respuestas por correo electrónico. Por defecto mostrará el siguiente correo noreply@blogger.com
  • Confirmation Email Body: Este es el cuerpo del mensaje de confirmación el cuál por defecto viene en inglés y que tendremos que traducir para dar una mayor comodidad a quién se suscribe. Por ejemplo yo tengo puesto el siguiente texto de confirmación:
¡Hola!
Estás recibiendo este correo porque recientemente solicitaste una suscripción vía email a La Taberna de Julio. Para empezar a recibir todas las actualizaciones que quieras en tu correo debes confirmar tu solicitud. Por favor, haz clic en el siguiente enlace para activar tu suscripción inmediatamente:
${confirmlink}
(Si el enlace de arriba no se abre al hacer clic sobre él o no abre una ventana nueva en tu explorador, por favor cópialo y pégalo en la barra de direcciones de tu navegador web).
¡Gracias por suscribirte!
Saludos
La Taberna de Julio

Puedes copiarlo y modificarlo a tu gusto, para hacerlo más atractivo y al concluir no olvides hacer clic en el botón Save para guardar los cambios.


Email Branding (Marca del correo electrónico)

Desde donde se podrá configurar la apariencia de nuestro boletín de noticias, puedes por ejemplo indicar un título, el tamaño de la letra del correo que recibirá la persona que se suscriba.
  •  Email Subject/Title: el siguiente código ${latestItemTitle} | Nombre de mi blog Para que quién reciba el correo lo reciba de esta forma: Nombre del post | Nombre del blog.

    Nota: Para correos que notifiquen 2 o más post de nuestro blog podemos activa la casilla y pegar el siguiente código ${latestItemTitle} y ${2} artículos más | Nombre de mi blog.
  • Logo URL: Aquí colocaremos el link de la imagen de logo que queremos que utilicen nuestros correos.
  • Finalmente tenemos las opciones de apariencia para modificar el formato de los correos. Aquí podemos modificarlo a nuestro gusto.
Al final tenemos la vista previa donde veremos los cambios realizados. Una vez terminado le daremos clic al botón Save para guardar los cambios.


Delivery option (opciones de envío de tu boletín)

Está es la última opción de la lista y que no necesita mayor explicación ni detalle ya que desde aquí podemos configurar la hora y huso horario del envío del boletín.


Para concluir: ventajas y desventajas de usar FeedBurner


FeedBurner resulta de gran ayuda a los blogger principiantes y expertos porque nos ofrece de forma rápida y sencilla la posibilidad de ofrecer una vía más para promocionar nuestro blog. Además, su uso es 100% gratuito y resulta una herrmamienta eficaz aún cuando no lo configuramos.

El servicio, al ser de Google, presenta pocas (o ninguna) falla y los correos siempre llegan en tiempo y forma. Además la integración entre los servicios de Google asegura una mayor complementación.

Pese a todo esto FeedBurner representa dos inconvenientes: estética y administración.

En cuanto a la primera, resulta demasiado obvio que el servicio no ha recibido desde el año 2005 actualizaciones importantes y su imagen ya resulta anticuada para los servicios de hoy en día. En cuanto al segundo inconveniente, cabe hacer la aclaración que, pese a contar con traducciones a una gran cantidad de lenguas (entre ellas el español), éstas resultan pésima y existen secciones que están mal traducidas o simplemente no lo están.

Pese a todo, FeedBurner representa una herramienta excelente como servicio para comenzar a ofrecer una suscripción por correo electrónico.

Ya para concluir, debo mencionar algunos consejos que nos ayudarán en adelante:
  • Suscríbete a tu propio blog. Definitivamente debes ser tu primer suscriptor para así mantenerte al tanto de como se reciben la notificaciones, en que tiempo y los problemas que puedan surgir en un futuro. Una autosuscripción es la mejor forma de detectar errores.
  • Dale el mantenimiento apropiado. Revisa constantemente el servicio, así como la cantidad de suscriptores. ¡Explora Feedburner!
  • No envíes tu post por email completo. Blogger nos ofrece una técnica espectacular para reducir el número de palabras o evitar enviar el texto íntegro de nuestra entrada a nuestros suscriptores vía email. Es muy recomendable (podría decir que necesario) hacer esto para lograr dos cosas:

    - Hacer que tus suscriptores entren obligatoriamente al artículo en tu blog si la información recibida en el correo les interesa.

    - A través del punto anterior, provocar más visitas y con ello una mayor probabilidad de que el lector se anime a interactuar con el sitio (compartir en sus redes, dejar un comentario, visitar otros post, hacer clic en anuncios, etc.).
Esto fue sólo un pequeño tutorial sobre uno de los servicios que FeedBurner ofrece. Te invito a que lo explores con mayor detalle para sacarle el mayor provecho posible.

Y ya que estamos con esto de las sucripciones no puedo concluir este post sin invitarte a que te suscribas a la Taberna para recibir las próximas actualizaciones.

Otros posts de la serie FeedBurner:



  1.  Ofrecer una suscripción al blog con FeedBurner y Blogger.
  2.  Poner caja de suscripción en las entradas del blog.
¿Te fue de ayuda este artículo?
Si el artículo te agrada puedes suscribirte a La Taberna para recibir las últimas actualizaciones del blog o bien, puedes dar me gusta en Facebook, seguir en Twitter o agregar a tus círculos de Google +. También puedes expresar alguna duda, sugerencia, o comentario a través de la página de contacto o aquí en la misma entrada.

¡No te pierdas ninguna publicación!

Suscríbete a La Taberna de Julio y recibirás todas las actualizaciones directamente en tu correo. Cero SPAM, lo prometo :)
Related Posts Plugin for WordPress, Blogger...
      edit

4 comentarios:

  1. Muy buen artículo.
    Tengo una duda, ¿cómo puedo hacer para que los artículos que publico lleguen por email automáticamente después de ser publicados? (es decir, no tener que esperar hasta el horario acordado en delivery options).

    ¿Es posible?

    ResponderEliminar
    Respuestas
    1. Hola SidV

      Lamentablemente FeedBurner no permite lo que comentas para evitar el SPAM. Imagínate si tuviera esa opción y una persona que publica más de 4 veces al día la tuviera activada (pobre de sus suscriptores).

      Es por ello que FeedBurner sólo permite seleccionar la hora a la que se entregarán las actualizaciones de correo y así, en caso de que existan más de una publicación, entregar todas las publicaciones en un sólo correo.

      Eliminar
  2. Hola Julio,
    Muchas gracias por el post, me ha servido mucho!

    Cómo hago para que el artículo no salga completo en el email que le llega a las personas?.

    ResponderEliminar
    Respuestas
    1. ¡Hola MaryCarmen!

      Eso es sencillo y se hace desde el mismo Blogger. Sólo debes ir a Blogger > Configuración > otros y en donde dice Feed del Sitio te debe busca la opción llamada "permitir feed del blog".

      Ahí tendrás una lista desplegable entre las que puedes elegir entre: corto (400 caracteres), hasta el salto de línea o personalizado. En mi caso lo tengo en "Salto de línea".

      Saludos. :)

      Eliminar

Todo comentario es bien recibido, pero recuerda: primero será revisado antes de ser publicado. :)
Si deseas incluir un enlace utiliza este código: <a href="URL del enlace">Texto del enlace</a>