Gravatar (el avatar global)

shape
shape
shape
shape
shape
shape
shape
shape

¿Qué es Gravatar?

Un Gravatar (globally recognized avatar en inglés, o avatar reconocido globalmente, en español) es un servicio que presta la web Gravatar.com  en la que un usuario, dándose de alta, puede guardar una imagen (su avatar global) que le represente en los sitios y portales web  que utilizan el este sistema para mostrar el avatar en los comentarios.

Tener un avatar propio

Para registrarse en Gravatar, hay que entrar en este link y, únicamente, dar una dirección de correo electrónico. Posteriormente, puedes elegir tu avatar (o subir uno propio) y calificarlo para que sea mostrado en una u otra web. Es decir, un mismo usuario puede tener 4 avatares, uno calificado con la letra G que indica que puede ser mostrado en cualquier tipo de web; el tipo PG para webs más juveniles y con un lenguaje menos cuidado; R y X son para páginas con contenido para adultos.

Son ya muchas las personas que se valen de este método por lo que un par de líneas de código, tendrán una rápida recompensa en el aspecto de tu web.

Cómo incluir Gravatar en los comentarios de mi web

El funcionamiento es el siguiente, una vez se introduzca el comentario, se deberá generar un hash de la dirección de correo electrónico del usuario en php:

$hash=md5( strtolower( trim( "MyEmailAddress@example.com " ) ) );

Ya está la mitad, ahora falta obtener el avatar que le representará, y para ello, debemos utilizar otra línea:

<img src=»http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50″ />

Evidentemente, el montón de números final sería el hash que hemos generado anteriormente. En php quedaría así:

<img src=»http://www.gravatar.com/avatar/<?=$hash?>» />

¿Fácil? Facilísimo.

Si el usuario no tuviese cuenta, se mostraría el icono de Gravatar. Pero, si lo preferimos, podemos personalizar dicho icono de la siguiente manera:

Supongamos que tenemos nuestro icono guardado en la direccion https://www.e-sort.net/avatar.png ; lo primero, debemos codificar el string en php de la siguiente manera:

$urlCodificada=urlencode('https://www.e-sort.net/avatar.png');

Para terminar, nuestra imagen sería la siguiente (en php):

<img src=»http://www.gravatar.com/avatar/<?=$hash?>?d=<?=$urlCodificada?>» />

Nada más, así de rápido y sencillo.

NOTA: ojo con los plug-in que permiten incluir gravatar en blogs, foros, etc porque alguno nos ha dado problemas al probarlo

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Hablamos de tu proyecto web?

Diseño y desarrollo web, diseño gráfico publicitario, hosting, dominios ,fotografía corporativa, marketing en internet.