27/6/08

2 CSS para un mismo sitio

Para evitar diferencias de visualización entre diferentes navegadores o versiones de un navegador, hay que crear dos hojas de estilos diferentes y pegar el siguiente código:

http://www.datamail.cl/blog-wm/documentos/codigo-if.doc

PUBLICIDAD EN FACEBOOK

Es increíble el crecimiento explosivo que ha tenido la Red Social Facebook. Hoy en Chile se escucha a políticos, empresas y personas que mencionan ya tener su espacio. Esto hace de Facebook un excelente lugar para hacer publicidad en internet. Sin embargo este crecimiento no ha sido tan parejo en el mundo ya que en países como EEUU y Inglaterra (usualmente pioneros digitales) ya el crecimiento ha alcanzado un cierto plateau tendiendo a una desaceleración.

Por lo anterior es también altamente probable que en algún momento -quizás el 2008- o a final del 2007 ya este portal empieze a frenar su crecimiento de visitas en Chile. Pero para ello aún queda mucho y por tanto empresas, anunciantes y Agencias lo debieran considerar dentro de su pool de medios en los cuales planificar. De hecho en facebook se pueden colocar banners de 120*600 y 728*90, un buen tamaño para llegar a un buen reach con un mensaje relevante de publicidad en internet.

Facebook presenta una interesante novedad en su sistema de publicidad Facebook Flyers Pro: La posibilidad de conocer el número de usuarios de la red social filtrados por una gran cantidad de parámetros tales como el país y ciudad, la edad, palabras clave… y focalizar la publicidad en ellos.

De esta manera, como muestra la siguiente imagen, podemos ver que en España hay 100 hombres de edad comprendida entre los 18 y los 25 años a los que les interesa Madonna:

Esto va a permitir a los anunciantes segmentar y focalizar mucho mejor la publicidad que manejan y conseguir que ésta sea más efectiva. Es buen paso por parte Facebook para rentabilizar la red social pudiendo aumentar los escasos porcentajes de clicks que tenían los anuncios publicitarios hasta el momento.

Hay que tener en cuenta lo que esto supone. Mientras Facebook está trabajando en mejorar su sistema publicitario, Google es consciente de ello y sabe que ahí es donde puede encontrarse con problemas. No olvidemos que la mayor parte de los benificios de Google provienen de Adwords/Adense y de que Facebook con una cantidad espectacular de usuarios activos puede ser una amenaza si este Facebook Flyers Pro evoluciona al mismo ritmo que lo está haciendo Facebook. No es de extrañar que Google ya haya lanzado su propia aplicación sobre Facebook basada en Google News para estudiar y examinar el comportamiento de los usuarios dentro de la red social y extraer sus propias conclusiones.

Si realmente Facebook se pone las pilas en lo que a publicidad se refiere, vamos a ver un sistema publicitario con cara y ojos capaz de hacerle sombra al propio Adwords/Adsense. Eso el tiempo ya lo dirá. Lo que está claro es que la colosal red social no se duerme y sigue experiementando crecimientos constantes que están haciendo que el resto de compañías estén muy atentas a cualquier cambio que se produzca en ésta.


El perro de Lipigas y una campaña de Turismo Cocha son algunos ejemplos de cómo los avisadores chilenos están entrando a la arena de la Web 2.0.

Te adoro Lipigash", es el comentario de uno de los casi 50 mil fans que tiene el famoso perro de Lipigas en su perfil de Facebook.

Es que esta red social online, que se ha hecho tan popular en Chile no es sólo para conocer amigos. Además de campañas, grupos e intercambio de fotografías, tímidamente algunas agencias de publicidad y departamentos de marketing la están utilizándo para fines comunicacionales y comerciales.

Uno de los más claros ejemplos es la mascota de la compañía de gas, que ha aprovechado muy bien la crisis energética, así también como la Web 2.0.

En otra área y de forma mucho más directa, Turismo Cocha está utilizando este sitio web para una promoción de su segmento "Cocha Joven" que ha tenido bastante éxito. Se trata del concurso: "En Facebook, mete a tus amigos y todos viajan contigo'. Se trata de un sistema por el cual si alguien invita a sus amigos a unirse a este grupo, puede ganarse cinco pasajes a San Pedro de Atacama. Lo interesante es que ya han logrado más de 26.000 usuarios. Algo muy difícil y caro si lo hubiesen hecho de forma presencial

Otro ejemplo. En el marco de su campaña para adherir más voluntarios, el Hogar de Cristo sumó, junto a otras herramientas y estrategias online, un grupo en Facebook en apoyo a Pipe2008, un estudiante de un colegio financiado por esta institución, que con su Fotolog, motiva a jóvenes de todo el país a sumarse al voluntariado solidario legado por el Padre Hurtado.

De pago

Pero armar un grupo o una campaña en Facebook es sólo un camino para aprovechar publicitariamente esta red de millones de usuarios en el mundo. Otra es utilizar las herramientas más profesionales de publicidad dirigida que entrega esta empresa a quien quiera utilizarlas. Y el tema no es menor, si se considera que en Chile ya existen más de 150 mil miembros de Facebook, siendo uno de los países más activos a nivel latinoamericano.

La manera de acceder al sistema publicitario denominado como "Facebook Ads" es bastante sencillo y autogestionable. El resultado son los pequeños banners que se encuentran de forma persistente al costado izquierdo del sitio web.

Basta con seguir cuatro sencillos pasos donde el anunciante digita el sitio web que quiere dar a conocer, elige el tipo de audiencia, crea un anuncio y fija un presupuesto determinado.

La mecánica es muy similar a Google Adsense, que prácticamente inventó este sistema de publicidad orientado a la Web 2.0, que es el mundo donde se mueve Facebook.

ANIMALES FAMOSOS

El can de la empresa de abastecimiento de gas no es la única mascota comercial en Facebook. También está la avestruz verde de Falabella y el pato de Banco Estado. De hecho, existe un grupo de usuarios que creó una campaña, para la no explotación de esta ave tan chilena. Es que facebook da para todo.

16/6/08

Random con CSS + Java

Crea en hojas de estilo separadas el diseño que quieres según cada color, y nombralas estilo_1.css, estilo_2.css, etc... Por ejemplo: si quieres que tu home sea verde, rojo, o azul, crea esas 3 hojas de estilo, con los colores correspondientes, y las vas nombrando con los números. Colócalas en una carpeta 'stylesheets' En el header de tu home (o sea, en el código fuente, entre el tag y ) coloca el siguiente código: ....

http://www.datamail.cl/blog-wm/documentos/random.doc

5/6/08

Canales Corporativos en Youtube

Cada vez existen más empresas que toman el portal de vídeos no como un repositorio sino como una extensión de su identidad corporativa, lo que tradicionalmente solía estar representado en forma de página web y en los últimos tiempos incluso como blog corporativo, a partir de la proliferación de youtube, será más corriente tener un canal de vídeo en youtube, pero ya he dicho muchas veces que no es lo mismo escribir un pequeño artículo que ponerse a producir vídeos, así que esto sólo se podrán permitir algunas empresas.

Porque si estas empresas no toman la iniciativa y son las que promueven la conversación, creando un sub-canal dentro de Youtube, serán los usuarios los que tomen el relevo y generen nuevos sub-canales, pero estos incontrolables para las organizaciones.

En resumidas cuentas, aquellas organizaciones que trabajen con vídeos o deseen ser “innovadoras en comunicación” deberían crear un “espacio o canal corporativo en Youtube” porque sus consumidores se lo van a demandar (antes o después) y mejor que los vídeos estén agrupados todos dentro de un mismo espacio con una estructura de navegación definida y unas formas de contacto con la empresa a que se encuentren desperdigados y haya que atender al consumidor uno a uno por la red ;)

Para la mejor calidad del vídeo recomendamos:

Formato: MPEG4 (Divx, Xvid)
Resolución: 320x240
Audio: MP3
Velocidad: 30 frames porsegundo
Duración: max 10 min. y 100MB. Recomendamos no obstante, que la duración sea en torno al minuto.

Link con botón como imagen frontal

Hacer una lista con los botones:
#navegacion ul
Lista > Tipo > Ninguno

Estilos avanzados:


a.boton
Fondo > Imagen de Fondo: boton-normal.gif
Fondo > No repetir
Bloque > Sangría de texto: -9999 pix
Bloque > Display: block;
Cuadro > Alto: 50 pix
Cuadro > Ancho: 100 pix

a.boton:link, a.boton:visited

Fondo > Imagen de Fondo: boton-normal.gif
Fondo > No repetir

a.boton:hover, a.boton:active
Fondo > Imagen de Fondo: boton-over.gif
Fondo > No repetir

Aplicar estilo en html al link (que está dentro del a lista):
a href="#" class="boton"


4/6/08

Menú horizontal con botón


#navegacion
- Fondo > Background-image: fondo.jpg
- Bloque > Alineamiento texto: centrado
- Cuadro > Relleno izquierdo: 200 pix (si es necesario)
- Cuadro > Alto: 50 pix (alto botón)

#navegacion ul
- Cuadro > Margen / Relleno: 0 / 0
- Lista > Tipo: Ninguna

#navegacion li
- Cuadro > Flotar izquierda

#navegacion a
- Tipo > Decoración: Ninguna
- Tipo > Alto línea: 50 pix (igual al alto del botón)
- Bloque > Display: block
- Cuadro > Ancho: 150 pix (ancho botón)

#navegacion a:link, #navegacion a:visited
- Fondo > Background-image: fondo-boton-normal.jpg

#navegacion a:hover, #navegacion a:active
- Fondo > Background-image: fondo-boton-over.jpg

3/6/08

Menú estilo Dock de Mac


Ejemplo 2, muy didáctico


::::: CSS:

Aquí hay varios ejemplos
Ejemplo 2. se puede descargar

Cómo Bajar Videos de YouTube


Primera opcion: Agrega la palabra "bajar" ó "descargar" al enlace del video de youtube. Ejemplo, cuando estemos viendo el video en youtube.com para descargar este video: http://www.youtube.com/watch?v=yszDagGE4TI deberemos agregar la palabra "bajar" en el enlace que aparece en el campo de direccion en tu navegador antes de youtube, debe quedar así: http://www.bajaryoutube.com/watch?v=yszDagGE4TI luego simplemente cargas ese enlace donde podras bajar el video y visualizarlo si lo deseas.