michaelmuller.net | Diseño y Desarrollo Web

Datos útiles para diseñadores y desarrolladores web.

Anatomía del “mailto”

Posted on | Abril 5, 2007

Quién no ha usado en un sitio web el tan conocido link a un e-mail: mailto.

La anatomía estándar de un link que llama al cliente de correo electrónico predeterminado se vería así:

<a href="mailto:someone@yoursite.com">Email Us</a>

Pero este link puede tener una funcionalidad mayor aún… veamos:

1. Agregamos un "Subject" al link

Adiciona "?subject=" después de la dirección de e-mail, con lo que obtenemos lo siguiente:

<a href="mailto:nombre@servidor.com?subject=Mail desde nuestro sitio">Escríbenos</a>

Observa el efecto que ésto tiene en el link aquí.

2. Enviar a varios recipientes

Para enviar un e-mail a varias personas como copias carbon (cc) o copias carbon ocultas (bcc) se agrega lo siguiente al link: "?cc=someoneelse@theirsite.com"

Obtenemos:

<a href="mailto:nombre@servidor.com?
cc=someoneelse@theirsite.com">Email Us</a>

Para utilizar el "bcc" simplemente se lo reemplaza por el "cc" en el código.

Para enviar el e-mail a varios usuarios, simplemente se los separa por "," (coma)

<a href="mailto:nombre@servidor.com?cc=otromail@servidor.com, unomas@servidor.com">Enviar mail</a>

3. Combinar código

También se puede combinar estas opciones dentro del link utilizando el caracter "&" entre cada opción.

Por ejemplo

me@mysite.com?subject=Hello&cc=you@yoursite.com
&bcc=her@hersite.com

enviaría un e-mail con el subject "Hola" a las dos direcciones especificadas.

4. Escribir el contenido del e-mail

También se puede incluir el contenido del correo electrónic (body) dentro del código del link. Para agregar algo como contenido del código simplemente se agrega lo siguiente: "?body=" después de la dirección de e-mail.

Esta parte es un poco más complicada, puesto que hay que darle el formato en el contenido en "código hex".

Ejemplo: Para crear un espacio, se debe agregar "%20" entre cada palabra. Para incluir un salto de página se utiliza "%0D", entre otros. Este  es el código de ejemplo que incluye lo expuesto en este artículo:

<a href="mailto:abbeyvet@outfront.net?CC=spooky@outfront.net
&BCC=thomasbrunt@outfront.net&Subject=Please%2C%20I%20insist
%21&Body=Hi%0DI%20would%20like%20to%20send%20you%20
%241000000%20to%20divide%20as%20you%20see%20fit%20among
%20yourselves%20and%20all%20the%20moderators.%0DPlease%
20let%20me%20know%20to%20whom%20I%20should%20send
%20the%20check.">this link</a>

5. Generador de links "mailto"

Ayuda en línea para generar este código automáticamente! Mailto Link Generator

Fuente: http://www.outfront.net/

Comments

4 Responses to “Anatomía del “mailto””

  1. Xavier Donoso
    Abril 5th, 2007 @ 9:05 am

    Realmente no sabía que se tenían más opciones a parte de incluir un subject, pero por lo menos esa característica la he utilizado junto a un filtro en mi gmail para que directamente se etiqueten y archiven los mails recibidos desde mi blog.

  2. Fabio
    Abril 13th, 2007 @ 1:53 am

    muy interesante, pero la desventaja de unsar mailto: es el spam :/

  3. Michael
    Abril 13th, 2007 @ 9:57 am

    Si, efectivamente Fabio, aunque he visto, y creo que alguna vez utilicé un pequeño código en javascript para evitar que se pueda utilizar el mailto para spam. Voy a buscarlo y espero poder publicarlo.

  4. Gustavo
    Octubre 7th, 2007 @ 5:55 pm

    Actualmente tengo una página y he seguido estos pasos para generar envios masicvos de un boletin a los empleados, y descubro que si por ejemplo pongo &cc=alguien@alguien.com, pero con unos 92 o mas email no coge el codio y no se puede mandar el email. alguien sabe como se puede enviar email masivos a traves de enlaces. gracias!!!!!!!

Leave a Reply