¿Qué es Gravatar?
Se trata de una página web en la que un usuario, dándose de alta, puede guardar una imagen (su avatar global) que le represente en muchos 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.
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:
1 |
$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:
1 |
<img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" alt="" /> |
Evidentemente, el montón de números final sería el hash que hemos generado anteriormente. En php quedaría así:
1 |
<img src="http://www.gravatar.com/avatar/<?=$hash?>" alt="" /> |
¿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 http://www.e-sort.net/avatar.png ; lo primero, debemos codificar el string en php de la siguiente manera:
1 |
$urlCodificada=urlencode('http://www.dgcmedia.es/avatar.png'); |
Para terminar, nuestra imagen sería la siguiente (en php):
1 |
<img src="http://www.gravatar.com/avatar/<?=$hash?>?d=<?=$urlCodificada?>" alt="" /> |
Nada más, así de rápido y sencillo.
Dejo todo del tirón la creación de un avatar con predeterminado incluido…
1 2 3 |
$hash=md5(strtolower(trim("MyEmailAddress@example.com"))); $urlCodificada=urlencode('http://www.dgcmedia.es/avatar.png'); <img src="http://www.gravatar.com/avatar/<?=$hash?>?d=<?=$urlCodificada?>" alt="" /> |