newsletter


Newsletter


DESCRIPCIÓN

Es un formato de publicidad utilizado mayormente para promocionar servicios y productos. Se distribuye a través del correo electrónico con cierta periodicidad (diaria, semanal, mensual, bimensual o trimestral). Normalmente contienen artículos de interés sobre la marca y del ámbito en que la misma se desenvuelve.

CONSIDERACIONES GENERALES PARA UNA ÓPTIMA IMPLEMENTACIÓN

  • Se deben enviar las piezas 72 horas antes del inicio de la campaña a implementacion@infobae.com

  • El peso máximo debe ser de 300 kb.

  • Indicar en el asunto del mail: anunciante, nombre de la campaña y tipo de formato.

    Ejem: Infobae / Especial Noticias / Newsletter

  • Deben enviar: From, subject y mail a donde se va a enviar la prueba (test).

  • Confirmar la fecha y hora en la que se hará el envío del newsletter.

  • En caso de ser un HTML, deben estar hosteadas las imágenes en el servidor del cliente y usar fuentes genéricas, es decir que sea

    una tipografía de las que vienen instaladas por default en la mayoría de las computadoras.

    DIMENSIONES

  • El ancho máximo de la creatividad debe ser de 600 px


    TIPOS DE ARCHIVO

  • Imagen

    GIF | JPG | PNG

  • HTML

    ESPECIFICACIONES PARA EL ARMADO DE NEWSLETTER CON HTML

  • NO pueden tener ningún tipo de funciones ni clases y deben usarse tablas en vez de divs.

  • Como no se pueden usar clases todos los estilos que se le quieran dar a los html deberán estar inLine es decir dentro de atributo style. En lo posible cada tabla, celda o columna deberá tener especificado su estilo, ya que dependiendo desde que proveedor de correo se esté visualizando el html puede o no heredar bien los estilos.

  • Los anchos y altos en las tablas, celdas o columnas se recomienda además de especificarlo en el style, agregarlo con su atributo width=”ancho” y height =”alto”.

Un ejemplo de esto sería lo siguiente:

<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”600px” style=”width:600px;”>

<tr>

<td width=”25px” style=”width:25px;” valign=”top”></td>

<td width=”550px” style=”width:550px;” valign=”top”></td>

<td width=”25px” style=”width:25px;” valign=”top”></td>

</tr>

</table>

Recomendaciones para los textos:

Todos los textos deberán estar dentro de un <span></span>, el cual debe incluir su formato en el style. Teniendo en cuenta el ejemplo anterior, al agregarle un texto quedaría de la siguiente manera:

<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”600px” style=”width:600px;”>

<tr>

<td width=”25px” style=”width:25px;” valign=”top”></td>

<td width=”550px” style=”width:550px;” valign=”top”>

<span style=”font-family:Tahoma, Arial; font-size:18px; color:#000000; line-height:20px;”>

Titulo.<br />

</span>

<span style=”font-family:Tahoma, Arial; font-size:15px; color:#000000; line-height:17px;”>

Subtitulo.<br />

</span>

<span style=”font-family:Tahoma, Arial; font-size:12px; color:#000000; line-height:14px;”>

Comentario.<br />

</span>

</td>

<td width=”25px” style=”width:25px;” valign=”top”></td>

</tr>

</table>

Recomendaciones para las imagenes:

Las imágenes en lo posible deberán tener un alt=”” con la descripción de la imagen, además de esto también se recomienda agregarle el ancho y alto a la misma imagen para que el newsleter mantenga la misma forma por más que el usuario decida

no descargar las imágenes del news. Los <td></td> que contengan imágenes deberán tener por style el siguiente parámetro lineheight:1px para una correcta visualización dentro del newsletter.

Un ejemplo de una tabla con una imagen seria el siguiente:


<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”600px” style=”width:600px;”>

<tr>

<td width=”50px” style=”width:50px;” valign=”top”></td>

<td width=”500px” style=”width:500px; line-height:1px;” valign=”top”>

<img src=”RutaImagen.jpg” alt=”Descripcion Imagen” width=”500px” height=”150px” />

</td>

</tr>

</table>

Links

Para los links no se deben usar maps, la forma correcta seria con <a></a>