31/12/06

Cómo ganar dinero con tu sitio web

Existen varias fórmulas para ganar dinero con nuestro sitio web. No estoy hablando de hacernos millorarios a costa de la web (sería lo suyo, si, pero es bastante improbable), sino de conseguir pequeñas ganancias que de algún modo compensen el trabajo de mantener vivos los contenidos del sitio web (que no es poco).

Publicidad en la web.

Un método de publicidad en la web bastante utilizado es el intercambio de banners. Consiste en afiliarse a un servicio de publicidad (hay cientos de páginas que ofrecen este servicio de manera gratuita) donde el único requisito es que envíes el banner publicitario sobre tu sitio web y que insertes en las páginas de tu web un script que mostrará de forma aleatoria un banner de la red de afiliados cada vez que se carge la página. No soy partidiaria de este tipo de publicidad, porque no puedes controlar qué anuncios muestras en tu web pudiendo ser algunos de la competencia.

Google AdSense.

Este es otro tipo de publicidad pero más sutil que el caso anterior. Al afiliarte al servicio gratuito de anuncios AdSense, Google inserta en tu página web anuncios contextuales (similares a los que muestra en la barra derecha de su buscador). Google paga por cada clic realizado en los anuncios que aparezcan en nuestra página.

Más info: https://www.google.com/adsense

Google AdSense.

16:00 Anotado en Utilidades para tu sitio web | Permalink | Comentarios (0) | Email esto

26/05/06

Cambiar la opacidad de una imagen con estilos

El siguiente estilo nos permite cambiar la opacidad de una imagen tras un evento (onMouseDown, onMouseOver,...).

 

style="filter:alpha(opacity=100)" onMouseDown="this.filters.alpha.opacity=50"

Un caso práctico de aplicación podría ser una galería de fotografías compuesta por imágenes thumb en miniatura. Al hacer clic sobre una imagen thumb se abre en un pop-up la imagen a gran tamaño. Si aplicamos este estilo dentro de la etiqueta <img> de la imagen, al pulsar sobre ella bajará la opacidad indicando que ya se ha pulsado.

15:55 Anotado en Hojas de estilo CSS | Permalink | Comentarios (0) | Email esto

24/05/06

Recomendaciones para la preparación de un Email

Aqui van algunas recomendaciones a la hora de elaborar una newsletter (boletín informativo que se envía vía email a usuarios registrados al servicio).

 

SOBRE EL PESO...

• Ninguna foto o imagen que esté dentro del email debe superar los 45Kb (kilobytes). Cuanto más pesa estas fotos, más difícil es para un usuario descargarlo. Esto puede provocar que el usuario no lea el email, es recomendable que el peso sea de unos 30Kb.

• El peso total de todas las fotos no debe superar los 200 Kb, el exceso provocaría la saturación del servidor al tratar de servir un exceso de tráfico, para que el peso total de fotos no influya en la apertura del email, el peso total no tendría que superar los 100 Kb.

• En caso de que exista una creatividad streaming (video, flash, etc...), el peso de ésta no debe superar los 600 Kb.

 

VERSIÓN TEXTO

• Debe prepararse para cada envío en formato HTML, una versión texto para aquellos usuarios que no puedan recibir formato HTML. Esta versión no puede contener ni fotos ni formularios, se debe realizar en formato ASCII, utilizando el block de notas (NotePad).

 

ASUNTO DEL MENSAJE

• Recomendamos un asunto corto y breve, no más de 5 palabras para poder captar el interés del usuario fácilmente.
• Es preferible que no contenga el nombre del anunciante y que no tenga “tono” muy publicitario.

 

CONSTRUCCIÓN DEL EMAIL


• Es recomendable que tanto el cuerpo del email como las imágenes no sean excesivamente anchas a fin de que se puedan leer perfectamente sin necesidad de ampliar el mensaje a  pantalla completa.

• Las fotos donde pueda haber clicks deberían colocarse cuanto más arriba mejor, el tamaño horizontal de las mismas no debe superar los 550 pixeles.

• En el caso de colocar un texto dentro del área de un gráfico, recomendamos que lo coloquen al lado izquierdo del gráfico. Esto evitara dificultades en el alineamiento y la visualización.

• Es recomendable que el texto HTML no esté centrado.

 

• Si se desea realizar una creatividad streaming con flash, java o javascript, es necesario que dicha creatividad no esté incorporada en el email, ya que no se visualizaría. La solución que debe optarse es enviar un email con una creatividad HTML con una imagen en la cual al hacer click, abre un navegador en el que se visualiza la creatividad al completo. Si la creatividad flash está dentro del email debe ponerse siempre un link que abra un navegador con dicha creatividad para el caso en el que no se vea.

 

• No debe tener el HTML del Email ningún javascript, tanto para abrir popups, como realizar botones (mouse over) o animación ninguna ya que al desactivarse no funcionarían, de querer hacerse se debe hacer como el punto anterior.

 

• Layer: Si se crea un mail que contenga layers, la página no se visualizará en la mayoría de clientes de correo (el único que lo puede ver es Outlook y Outlook Express, no se ve tampoco clientes web como hotmail, yahoo...), por tanto no debe tener layers

 

• Muchos clientes email cambian las fuentes de letra, por tanto es recomendable que las fuentes dentro del email tengan estilo, sin embargo no deben realizarse hojas de estilo ya que se muchos clientes email las desactivan deben estar junto a la creatividad HTML.

 

• Imágenes de fondo: Es recomendable para evitar que en la creatividad se rompa la maquetación que las imágenes que se incluyan como fondo lo hagan dentro de una tabla y no dentro del tag “”. En este caso puede que no llegara a visualizarse la imagen.


JPEGS versus GIFS

• No recomendamos el uso de .jpegs para gráficos que contienen texto. Deben utilizar .gifs para un imagen con texto. Sólo deben utilizar .jpegs para imágenes que son fotos.

• Si utilizan .gifs para gráficos que contienen texto, el fondo debe ser transparente.

 

HACER TEST


• Recomendamos que antes de mandarnos la creatividad finalizada que la prueben en diferentes “email clients”/clientes de lector de email (Microsoft Outlook, Netscape, Yahoo, Eudora, Lotus Notes, Hotmail, etc.)

 

VALIDAR CODIGO HTML


• Recomendamos que validen el código HTML con las normas W3c (http://validator.w3.org/).

16:25 Anotado en Envío de newsletters | Permalink | Comentarios (0) | Email esto