Enviar tus entradas a Twitter desde FeedBurner

Si utilizas FeedBurner para gestionar el feed de tu blog y además eres usuario de Twitter, quizás no sepas aún que puedes publicar tus entradas en Twitter desde FeedBurner de forma automática.

Además con esta función que FeedBurner proporciona nos ahorraremos el tener que acortar la url de cada entrada publicada para enviarla a Twitter, pues esto se hace desde allí de forma automática.
Cada vez que publiquemos una nueva entrada, FeedBurner enviará su título seguido de su url acortada más un texto que queramos añadir a comienzo del Tweet o al final.

El resultado publicado en Twitter de forma automática sería algo como esto:

[1] Accedemos a nuestra cuenta en FeedBurner.

[2] Una vez en nuestro panel de FeedBurner, seleccionamos el feed del blog del que queremos enviar nuestras entradas a Twitter.

[3] Tendremos que ver una página como esta:

[4] Pinchamos ahí en la pestaña Publicize:

[5] En el menú de la izquierda pinchamos en Socialize:

[6] En la nueva ventana vemos un botón que dice "Add a Twitter acount", pinchamos y añadimos la cuenta de Twitter a la que vamos a enviar las actualizaciones del blog.

[7] Una vez añadida nuestra cuenta, veremos el nombre de nuestro usuario de Twitter a continuación de "Twitter acount" (imagen anterior) y ya podremos pasar a configurar la forma de mostrar los Tweet automáticos en Twitter desde "Formatting Options".

Veamos las modificaciones principales que podemos hacer (destacaré en color verde las que yo he usado en mi caso):

Post content:

Title Only - Solo titulo.

Title and Body - Titulo y entrada.
Body - Solo Entrada.

Include link - Añadir un enlace al Tweet.

Leave room for retweets Dejar un espacio para Rtweet.

Additional text:
Add - Agregar un texto adicional al tweet.
at the - Si el texto añadido irá delante (beginning of the post) o detrás (end of the post) del Tweet.
En mi caso coloqué delante "El Escaparate:"

Item limit: Post up to Aquí colocaremos el número de Tweet diarios de cada entrada.
En mi caso he puesto solo 1

Imagen en tu suscripción por correo (FeedBurner)

Si estás usando el servicio de FeedBurner para facilitar a tus lectores la suscripción a tu feed mediante el correo electrónico, puedes incluir en tus actualizaciones una imagen o logo que identifique a tu blog.

Cuando los lectores suscritos a tu blog vía email reciban tus actualizaciones (nueva entrada publicada), estas mostrarán la imagen que hayas escogido para mostrar en los correos de tu feed:

[1] En primer lugar debemos activar la opción de suscripción por correo electrónico en FeedBurner.

[2] Iremos entonces dentro de nuestro panel de FeedBurner a la pestaña Publicize:

[3] Pinchamos en el menú de la izquierda en Suscripciones por Email [1] y seguidamente escogemos la opción Email Branding [2].
A la derecha veremos entonces el espacio para introducir la url de nuestra imagen [3], una vez introducida la url, guardamos los cambios.

Nota:

La url de la imagen debe estar alojada en un servidor al que FeedBurner pueda acceder. Una buena opción sería alojar la imagen en Blogger.

Sólo admiten archivos JPEG, GIF y PNG.

El tamaño recomendado es de menos de 200x200 píxeles.

Imagen en tu feed (FeedBurner)

Si usas FeedBurner como gestor de tus feeds puedes incluir en ellos una imagen en la parte superior.

En algunos casos he visto un logo del blog e incluso el botón de creative commons, en mi caso yo he elegido mostrar el botón que FeedBurner proporciona y que muestra el número de suscritos al blog:

[1] Ingresamos a la página de nuestro feed en FedBurner.

[2] Una vez dentro, pinchamos en la pestaña "Optimize".

[3] En el menú de la izquierda pinchamos en "Feed Image Burner".
Veremos entonces un formulario como este:

Completando el formulario

Image Source Escogemos "Specify custom image URL" para usar la imagen que nosotros decidamos.

Specify custom image URL Aquí debemos introducir la url de la imagen que vamos a mostrar.

Image Title Un título para nuestra imagen que se verá en lugar de esta si, por el motivo que sea, la imagen no apareciera.

Link Una dirección a donde apuntará la imagen.

[4] Terminados de completar los campos del formulario, pinchamos en "Save".

Nota
Si vais a incluir el botón de suscritos como en mi caso, por supuesto que no debemos incluir todo el código del botón.
La url a introducir en "Specify custom image URL" sería la parte que os muestro destacada en color naranja dentro del código del botón:

<p><a href="http://feeds.feedburner.com/blogspot/hnBy"><img src="http://feeds.feedburner.com/~fc/blogspot/hnBy?bg=009999&amp;fg=444444&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p>

Enlace al blog en el feed (FeedBurner) en español

Ayer mismo publicaba la entrada sobre como incluir un enlace al blog en nuestro feed con FeedBurner.

Esta tarde visitando Blogger Buster, he visto una entrada sobre el tema en la que Amanda explica como hacer eso mismo pero desde un FeedFare que ella misma ha hecho, para que ademas de mostrar el enlace a las entradas del blog en nuestro feed, se muestre también el autor de la entrada.

Por supuesto usando el enlace que ella nos proporciona, el texto que veremos en nuestro feed al pie de cada artículo, se mostrará en inglés:

Me he permitido descargar su archivo y traducirlo al español.
Una vez modificado lo necesario, lo he subido a mi sitio en Google Sites y he incluido su url como explicaba en la entrada anterior, el resultado que veremos en nuestro feed al pie de cada artículo, es el mismo que el conseguido por Amanda pero en español:


Para añadir un enlace como este en vuestro feed de FeedBurner, solo tenéis que seguir los pasos de la entrada anterior de la que os hablo al principio de este post, hasta el paso [3] y es en ese paso, donde hemos de introducir la url de mi archivo:

http://sites.google.com/site/elescaparatederosa/blog/autor.xml

Una vez hecho esto y después de pinchar en Add New Flare, tendremos que ver la nueva opción que activaremos pinchando en Activate:



Notas:
Si ya habíais incluido en vuestro feed el enlace "Attribution" que explicaba en la anterior entrada y queréis optar por colocar este nuevo, simplemente volvéis a ingresar en vuestra cuenta de FeedBurner, desmarcáis la casilla en "Attribution"y guardáis los cambios en Activate para eliminar el enlace anterior antes de colocar el nuevo.

Cuando el blog sea un blog compartido por distintos autores, el nombre de cada autor se mostrará debajo de los artículos que cada uno de ellos ha escrito.

Como incluir un enlace al blog en nuestros feed (FeedBurner)

Los que usamos Feedburner en nuestro blog tenemos ahora la posibilidad de incluir debajo de cada entrada, en nuestro lector de feed, un enlace a la fuente original del artículo, o lo que es lo mismo, un enlace a nuestro blog.

Esto es muy útil ya que a menudo los contenidos de los blogs son copiados directamente desde los feed por robot que registran su contenido y que luego son publicados íntegramente en otro sitio, normalmente con la finalidad de generar ingresos aprovechándose del trabajo de otros.

En la gran mayoría de los casos, el contenido duplicado aparecerá mucho antes en los resultados de búsqueda de cualquier buscador, mientras que la fuente original será relegada a un resultado muy por debajo e incluso podrá ser ignorada por completo.

Utilizando una de las nuevas funcionalidades de Feedburner (FeedFlare), podemos mostrar un enlace permanente a la fuente original al pie de cada artículo de nuestro Feed, lo que garantizará que la fuente original del artículo (nuestro blog) tendrá siempre el PageRank más alto, en comparación con el sitio que publica el contenido duplicado y por tanto, obtendrá una justa posición en los buscadores.

[1] Ingresamos a nuestra cuenta de Feedburner y una vez allí pinchamos sobre el feed del blog al que queremos incluir el enlace permanente.

[2] Pinchamos en la pestaña del menú que dice Optimize y en la página que se abre veremos un menú a la izquierda, pinchamos en el enlace que dice FeedFlare.

[3] Abajo vemos una casilla como la de la imagen:


Es ahí donde tenemos que introducir la url necesaria para que en nuestro feed se muestre el enlace a nuestra página. La url que hemos de introducir y que Feedburner nos proporciona es esta:

http://www.feedburner.com/fb/static/flareunits/Attribution.xml

[4] Una vez la hemos introducido, pinchamos en el botón Add New Flare. Entonces veremos que sobre la casilla donde hemos colocado la url, aparece una nueva opción: Attribution, marcamos la primera casilla de las dos que están delante:


[5] Ya podemos activar la nueva opción, abajo de la página en el botón Activate y listo.

Podéis comprobar el resultado en la página de los feeds del Escaparate, donde al pie de cada artículo veréis un enlace que dice: "This item is from "El Escaparate (Ayuda para tu blog)". "Publicado por Rosa de El Escaparate (Ayuda para tu blog).

Consulta como mostrar el enlace y nombre del autor en español.

Suscribirse al blog mediante email con Feedburner

Si estamos usando Feedburner para permitir a nuestros visitantes el acceder a nuestro feed, tenemos la posibilidad de colocar en nuestra sidebar un widget para permitir la suscripción a nuestro feed mediante email.

[1] Ingresamos a nuestra cuenta de Feedburner y pinchamos sobre el feed de nuestro blog.

[2] Pinchamos arriba en la pestaña Publicize

[3] A la derecha de la página escogemos Email Subscription

[4] En el despegable elegimos idioma.

[5] Nos darán el código necesario para colocar el widget en el blog, en un nuevo elemento, el código será algo así:

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=690409', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="http://feeds.feedburner.com/~e?ffid=690409" name="url"/><input type="hidden" value="El Escaparate" name="title"/><input type="hidden" name="loc" value="es_ES"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://www.feedburner.com" target="_blank">FeedBurner</a></p></form>

[6] Donde dice Enter your email address en el código, lo cambiamos por lo que queramos mostrar, por ejemplo, algo como "Teclea tu email"

Teclea tu email:

Delivered by FeedBurner

Si no estas usando Feedburner, quizá te interese hacerlo, si es así puedes leer como usar Feedburner en Blogger.

Feed de Feedburner en español

Me preguntan Erruki y Jesús a través de un comentario:

He usado el servicio de FeedBurner siguiendo tus instrucciones y funciona perfectamente, pero he visto que en algunos casos al abrir para suscribirse les sale la pantalla en castellano, como por ejemplo a Key Trucos ¿cómo se puede hacer esto? Perdona el abuso y muchas gracias.

Lo que ellos solicitan es que cuando alguna de sus visitas pinche en su blog para suscribirse al feed, la pantalla que posibilita esa opción aparezca en español:

Iremos a la página de Feedburner y accederemos a nuestra cuenta "Mis Feeds". Una vez allí pinchamos sobre el feed del blog que deseamos ver en castellano y aparecerá la pantalla con las pestañas de opciones, pinchamos en la pestaña "Optimize".


Escogemos la opción "Browser Friendly" entre las que se muestran a la izquierda de la pantalla, en la nueva pantalla que se abrirá vemos un menú expandible con las opciones de apariencia, escogemos "Fuente Clara (Spanish)". Guardamos y ya tenemos nuestro feed en español. ;-)

Configurar el feed del blog con FeedBurner

Es muy importante el facilitar a los usuarios la posibilidad de suscribirse al feed de nuestro blog, esto hace que tengan acceso fácil y rápido a nuestros contenidos.
Los feeds permiten que nuestros lectores nos sigan leyendo sin necesidad de estar entrando a nuestros sitios, pasan de ser lectores ocasionales a lectores regulares (suscritos).

En primer lugar hemos de activar la opción que viene incluida en Blogger,para ello nos situamos en nuestra plantilla y pinchamos en la pestaña de "configuración" una vez allí en "Permitir feed del blog" seleccionamos "Completo". Guardamos los valores.


A partir de ahora cualquier usuario que quiera subscribirse a nuestro feed, solo tiene que pinchar al pie de nuestras entradas en "Suscribirse a: Entradas (Atom)" y en "Suscribirse a: Enviar comentarios (Atom)" al pie de los comentarios.

Existe un servicio llamado FeedBurner que hace más accesible el mundo de los feeds tanto para los que publicamos en el blog como para los lectores. Actualmente es el que estoy usando, antes he probado algún otro pero no me convencieron demasiado, así que si queréis probarlo en vuestro blog os indico paso a paso, como crear un feed en FeedBurner e integrarlo en Blogger:

1- Vamos a la página de FeedBurner y arriba veremos la opción de registrarnos, o de ingresar para los que nos hemos registrado antes (Sign In or Register). Pinchamos y completamos los campos del formulario. Ingresamos en Sign In, debajo del formulario.

Tecleamos en el cajetín la dirección de nuestro blog y pinchamos en "Next".


2- Escogemos el formato de feed (Atom o RSS) yo he escogido Atom, que es el que Blogger proporciona por defecto, pero es indiferente. Continuamos en "Next".


3-Ya solo nos queda activar nuestro feed en "Activate Feed" Una vez activado vemos la dirección que tendrá nuestro feed de FeedBurner. Pasamos de nuevo a la siguiente pantalla en "Next" donde tenemos la posibilidad de configurar una serie de estadísticas (yo lo dejé en blanco, no soy muy amiga de controlar esas cosas),pinchamos de nuevo en "Next" y accederemos al panel de control de nuestro feed.



4- El siguiente paso será integrar el feed de FeedBurner en nuestro Blog, pinchamos arriba donde se lee "Edit Feed Details" de los tres datos que vemos, el que nos interesa es el último, esa es precisamente la dirección de nuestro feed, es importante una vez integrada en Blogger, no cambiarla ya que dejaríamos a nuestros lectores sin la posibilidad de su uso.


5- Copiamos la dirección del feed y volvemos a la edición de nuestra plantilla, vamos a Configuración y Feed del sitio y una vez allí, pegamos nuestra dirección del feed de feeburner en "Publicar URL redireccionada del feed". Guardamos valores.


Comprobamos ahora que al pinchar sobre "Suscribirse a entradas" se abre la página de suscripción con FeedBurner.

6-El siguiente paso será conseguir mostrar el icono naranja de RSS para facilitar a nuestras visitas la suscripción. Ingresamos a FeedBurner (Sign In) con nuestros datos de registro y directamente nos lleva a nuestro panel de control.


Pinchamos sobre nuestro feed y luego en la pestaña "Publicize", allí escogemos "Chicklet Chooser". Una vez decidido que icono usar, copiamos el código abajo del todo de la página. Si prefieres otro icono que no sea el standar (naranja) puedes bajarte un pack de iconos desde allí mismo,pinchando en (Why is this icon now a standard?).


7- El último paso será conseguir el botón de "lectores" para nuestra sidebar, hay varias cosas más para colocar en el blog, os sugiero que exploréis vosotros mismos, yo voy a explicar como colocar el botón que considero es una referencia importante, pues es el que marcará el número de lectores del blog.

8-Vamos de nuevo a nuestro panel de control en FeedBurner.
Pinchamos encima de nuestro feed y en el nuevo panel escogemos "Publicize" yluego "FeedCount" allí escogemos el color de nuestro botón y copiamos el código para colocarlo en el blog.



Consulta como cambiar el "readers" del botón de FeedBurner al español (lectores).

Pon el botón de FeedBurner en español

Parecerá un "retoque" sin importancia, pero cuando lo vi en Sentido Web me llamó la atención.
Son muchos los blogs que usan FeedBurner y tienen colocado el botón que este servicio facilita para saber cuantos lectores están subscritos a tus feed.
Estoy hablando de este botón:

Como podéis ver muestra la palabra "readers" donde en español leeríamos "lectores" pero gracias a las intrucciones de Sentido Web podemos cambiarlo fácilmente:

Solo tienes que añadir en el código del botón justo después de animo=0" si tú botón es el estático o anim=1" si tienes el animado y asegurándote de borrar la comilla al lado del 0 o del 1 ya que la pondremos luego: &label=lectores". El lectores lo puedes sustituir por otro texto pero ha de tener 8 caracteres para respetar el tamaño del botón.

Y este será el resultado: