SlideShare uma empresa Scribd logo
1 de 2
Diferencias entre layers y pop-up
Posted by clickTag | Posted in Publicidad Online | Posted on 02-11-2009
Quería aprovechar este post para comentar uno con el mismo título de Desmarkt.
Esta diferencia que explican sobre los dos formatos es un poco errónea. Sobre el resto
del post estoy totalmente de acuerdo, ya sé que el fondo de su post es comentar más
bien lo molestos que pueden llegar a ser este tipo de formatos como comentábamos con
los Interstitial pero me chocó la definición que daban de cada uno y quería explicarlo
con detalle.
Ésta es la diferencia que comenta Desmarkt.
“La diferencia es clara, uno salta y lo cierras (popup) y el otro se “despliega” por la
página, con un botón de cerrar, entonces se recoge en un banner, normalmente de
728×90.”
Ahora paso a explicaros las diferencias entre los dos formatos y el formato al que se
refiere Desmarkt.
Para explicarlo me tengo que remontar varios años atrás. En los años en los que existían
muchos Pop-Up. Si os acordáis (ahora ya se ven muy poquitos) eran unas ventanas de
navegador nuevas que aparecían con publicidad. Ventanas de navegador que cuando
visitabas una página web saltaban y había que cerrarlas dando a la cruz de la ventana.
Había dos tipos, los Pop-Up que aparecían por encima de la página visitada y los Pop-
Under que aparecían debajo de la página web, normalmente cuando ésta era cerrada.
Los navegadores evolucionaron y aparecieron todos con la utilidad de Pop-up
Blockers, es decir, todos los navegadores bloqueaban cualquier página web que se te
abriera distinta a la que habías solicitado sin tu permiso (por eso ahora siempre os avisa
con “Permitir elemento emergente”). Planificar ese formato era una tontería porque
muchísima gente ya no los iba a poder ver.
Aquí es justo cuando aparecieron los layers, simplemente son una evolución técnica de
los pop-up. El concepto es el mismo: una ventana nueva de menor tamaño que la
actual que te aparece por encima del contenido que estás visitando.
Como los navegadores si es una ventana nueva la bloquean y no se abre, se utiliza una
capa (layer) integrada dentro del código HTML de la página para mostrar esa
publicidad (se muestra/oculta mediante javascript). Se simula que aparece una ventana
nueva pero en realidad está integrada en la página web, así no es bloqueada por nada.
Gracias a esa mini-evolución técnica, todos pueden cumplir unas ciertas normas, como
la de cerrarse solos tras 4-8 segundos (en la mayoría de soportes) y tener un tamaño
determinado. Normalmente está entre los 300×300 y los 500×500. También es
obligatorio en casi el 99% de los soportes que lleve un aspa de cierre para que pueda ser
cerrado por el usuario en cualquier momento.
Esas son básicamente las diferencias entre layers y pop-up. Los layers están
integrados en el propio código HTML de la página y los pop-up son ventanas
independientes que saltan al usuario.
Sobre el formato del que hablan “se “despliega” por la página, con un botón de cerrar,
entonces se recoge en un banner, normalmente de 728×90” es otro distinto. Es típico
de elmundo.es pero ahora lo han cambiado. Es conocido como Careta de Elmundo y
en realidad es un superbanner expandible.
Os contaré cómo es y cómo funciona más adelante.
Ejemplo de layer:

Mais conteúdo relacionado

Destaque

A 2015 yipeitong bluetooth speaker monopo-light-power bank recommendation
A  2015 yipeitong bluetooth speaker monopo-light-power bank recommendationA  2015 yipeitong bluetooth speaker monopo-light-power bank recommendation
A 2015 yipeitong bluetooth speaker monopo-light-power bank recommendationPaul Kopel
 
Codes and conventions of tv documentaries
Codes and conventions of tv documentariesCodes and conventions of tv documentaries
Codes and conventions of tv documentariessaffronefrostmedia
 
Keynote technicals currency intraday levels for 131212
Keynote technicals currency intraday levels for 131212Keynote technicals currency intraday levels for 131212
Keynote technicals currency intraday levels for 131212Keynote Capitals Ltd.
 

Destaque (10)

Some of the benefits of solid patio covers
Some of the benefits of solid patio coversSome of the benefits of solid patio covers
Some of the benefits of solid patio covers
 
A 2015 yipeitong bluetooth speaker monopo-light-power bank recommendation
A  2015 yipeitong bluetooth speaker monopo-light-power bank recommendationA  2015 yipeitong bluetooth speaker monopo-light-power bank recommendation
A 2015 yipeitong bluetooth speaker monopo-light-power bank recommendation
 
LAS TIC
LAS TICLAS TIC
LAS TIC
 
Preguntas g. 4
Preguntas g. 4Preguntas g. 4
Preguntas g. 4
 
Resume1
Resume1Resume1
Resume1
 
Codes and conventions of tv documentaries
Codes and conventions of tv documentariesCodes and conventions of tv documentaries
Codes and conventions of tv documentaries
 
Las obras del espíritu santo en los creyentes
Las obras del espíritu santo en los creyentesLas obras del espíritu santo en los creyentes
Las obras del espíritu santo en los creyentes
 
Estrellas
EstrellasEstrellas
Estrellas
 
Keynote technicals currency intraday levels for 131212
Keynote technicals currency intraday levels for 131212Keynote technicals currency intraday levels for 131212
Keynote technicals currency intraday levels for 131212
 
DvBSS
DvBSSDvBSS
DvBSS
 

Semelhante a Diferencias entre layers y pop

Patrones de diseño (tarea)
Patrones de diseño (tarea)Patrones de diseño (tarea)
Patrones de diseño (tarea)Javier Chávez
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBMario Martinez
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Hernan Beati
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web DesignNadal Soler
 
Tips Desarrollar y Gestionar Banners HTML5
Tips Desarrollar y Gestionar Banners HTML5Tips Desarrollar y Gestionar Banners HTML5
Tips Desarrollar y Gestionar Banners HTML5Diego Moya
 
TIPS para gestionar y desarrollar piezas banners Html5
TIPS para gestionar y desarrollar piezas banners Html5TIPS para gestionar y desarrollar piezas banners Html5
TIPS para gestionar y desarrollar piezas banners Html5Diego Moya
 
Guia Para Redactores De Joomla Mambo
Guia Para Redactores De Joomla MamboGuia Para Redactores De Joomla Mambo
Guia Para Redactores De Joomla MamboFernando Tellado
 
Publicidad en Periodicos Digitales
Publicidad en Periodicos DigitalesPublicidad en Periodicos Digitales
Publicidad en Periodicos Digitalescucc5ade
 
Presentacionmedioonlineflou 090423091137-phpapp02
Presentacionmedioonlineflou 090423091137-phpapp02Presentacionmedioonlineflou 090423091137-phpapp02
Presentacionmedioonlineflou 090423091137-phpapp02Ana Isabel Gómez Marín
 
5 pasos para crear un buen producto
5 pasos para crear un buen producto5 pasos para crear un buen producto
5 pasos para crear un buen productocarrasmolo
 
Presentacion de power point info
Presentacion de power point infoPresentacion de power point info
Presentacion de power point infoJuan Manuel Garcia
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotosstephanyzambrano
 

Semelhante a Diferencias entre layers y pop (20)

Ventanas emergente
Ventanas emergenteVentanas emergente
Ventanas emergente
 
6.2 Display Banners
6.2 Display Banners6.2 Display Banners
6.2 Display Banners
 
Pauta en internet
Pauta en internetPauta en internet
Pauta en internet
 
Diapositiva unidad # 13 #14
Diapositiva unidad # 13 #14Diapositiva unidad # 13 #14
Diapositiva unidad # 13 #14
 
Patrones de diseño (tarea)
Patrones de diseño (tarea)Patrones de diseño (tarea)
Patrones de diseño (tarea)
 
PATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEBPATRONES DE DISEÑO WEB
PATRONES DE DISEÑO WEB
 
Guia4de Dreamweaver
Guia4de DreamweaverGuia4de Dreamweaver
Guia4de Dreamweaver
 
Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?Web móvil ¿inclusiva y accesible?
Web móvil ¿inclusiva y accesible?
 
Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?Web móvil: ¿inclusiva y accesible?
Web móvil: ¿inclusiva y accesible?
 
Presentacion Medio Online
Presentacion Medio OnlinePresentacion Medio Online
Presentacion Medio Online
 
Front end basics - Responsive Web Design
Front end basics - Responsive Web DesignFront end basics - Responsive Web Design
Front end basics - Responsive Web Design
 
Tips Desarrollar y Gestionar Banners HTML5
Tips Desarrollar y Gestionar Banners HTML5Tips Desarrollar y Gestionar Banners HTML5
Tips Desarrollar y Gestionar Banners HTML5
 
TIPS para gestionar y desarrollar piezas banners Html5
TIPS para gestionar y desarrollar piezas banners Html5TIPS para gestionar y desarrollar piezas banners Html5
TIPS para gestionar y desarrollar piezas banners Html5
 
Guia Para Redactores De Joomla Mambo
Guia Para Redactores De Joomla MamboGuia Para Redactores De Joomla Mambo
Guia Para Redactores De Joomla Mambo
 
Publicidad en Periodicos Digitales
Publicidad en Periodicos DigitalesPublicidad en Periodicos Digitales
Publicidad en Periodicos Digitales
 
Presentacionmedioonlineflou 090423091137-phpapp02
Presentacionmedioonlineflou 090423091137-phpapp02Presentacionmedioonlineflou 090423091137-phpapp02
Presentacionmedioonlineflou 090423091137-phpapp02
 
5 pasos para crear un buen producto
5 pasos para crear un buen producto5 pasos para crear un buen producto
5 pasos para crear un buen producto
 
GuíA Whatsize
GuíA WhatsizeGuíA Whatsize
GuíA Whatsize
 
Presentacion de power point info
Presentacion de power point infoPresentacion de power point info
Presentacion de power point info
 
Dreamweaver trabajo con fotos
Dreamweaver trabajo con fotosDreamweaver trabajo con fotos
Dreamweaver trabajo con fotos
 

Último

12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfLUZMARIAAYALALOPEZ
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjNachisRamos
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucioneschorantina325
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 

Último (7)

12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdfTIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
TIPOS DE LA PSICOPATOLOGÍA DE LA PERCEPCIÓN.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjjPPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
PPT-HISTORIA-6°-ABC.pptxjjjjjjjjjjjjjjjjjjjjjj
 
Unidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disolucionesUnidad V. Disoluciones quimica de las disoluciones
Unidad V. Disoluciones quimica de las disoluciones
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 

Diferencias entre layers y pop

  • 1. Diferencias entre layers y pop-up Posted by clickTag | Posted in Publicidad Online | Posted on 02-11-2009 Quería aprovechar este post para comentar uno con el mismo título de Desmarkt. Esta diferencia que explican sobre los dos formatos es un poco errónea. Sobre el resto del post estoy totalmente de acuerdo, ya sé que el fondo de su post es comentar más bien lo molestos que pueden llegar a ser este tipo de formatos como comentábamos con los Interstitial pero me chocó la definición que daban de cada uno y quería explicarlo con detalle. Ésta es la diferencia que comenta Desmarkt. “La diferencia es clara, uno salta y lo cierras (popup) y el otro se “despliega” por la página, con un botón de cerrar, entonces se recoge en un banner, normalmente de 728×90.” Ahora paso a explicaros las diferencias entre los dos formatos y el formato al que se refiere Desmarkt. Para explicarlo me tengo que remontar varios años atrás. En los años en los que existían muchos Pop-Up. Si os acordáis (ahora ya se ven muy poquitos) eran unas ventanas de navegador nuevas que aparecían con publicidad. Ventanas de navegador que cuando visitabas una página web saltaban y había que cerrarlas dando a la cruz de la ventana. Había dos tipos, los Pop-Up que aparecían por encima de la página visitada y los Pop- Under que aparecían debajo de la página web, normalmente cuando ésta era cerrada. Los navegadores evolucionaron y aparecieron todos con la utilidad de Pop-up Blockers, es decir, todos los navegadores bloqueaban cualquier página web que se te abriera distinta a la que habías solicitado sin tu permiso (por eso ahora siempre os avisa con “Permitir elemento emergente”). Planificar ese formato era una tontería porque muchísima gente ya no los iba a poder ver. Aquí es justo cuando aparecieron los layers, simplemente son una evolución técnica de los pop-up. El concepto es el mismo: una ventana nueva de menor tamaño que la actual que te aparece por encima del contenido que estás visitando. Como los navegadores si es una ventana nueva la bloquean y no se abre, se utiliza una capa (layer) integrada dentro del código HTML de la página para mostrar esa publicidad (se muestra/oculta mediante javascript). Se simula que aparece una ventana nueva pero en realidad está integrada en la página web, así no es bloqueada por nada. Gracias a esa mini-evolución técnica, todos pueden cumplir unas ciertas normas, como la de cerrarse solos tras 4-8 segundos (en la mayoría de soportes) y tener un tamaño determinado. Normalmente está entre los 300×300 y los 500×500. También es obligatorio en casi el 99% de los soportes que lleve un aspa de cierre para que pueda ser cerrado por el usuario en cualquier momento.
  • 2. Esas son básicamente las diferencias entre layers y pop-up. Los layers están integrados en el propio código HTML de la página y los pop-up son ventanas independientes que saltan al usuario. Sobre el formato del que hablan “se “despliega” por la página, con un botón de cerrar, entonces se recoge en un banner, normalmente de 728×90” es otro distinto. Es típico de elmundo.es pero ahora lo han cambiado. Es conocido como Careta de Elmundo y en realidad es un superbanner expandible. Os contaré cómo es y cómo funciona más adelante. Ejemplo de layer: