Anuncio de fondo en el sitio web

StackOverflow https://stackoverflow.com/questions/1435333

Pregunta

Actualmente estoy creando un sitio web donde los propietarios quieren anuncios de fondo (un anuncio como fondo en todo el sitio).

Es bastante fácil de hacer en CSS: 

body
{
   background-image: url('ad.jpg');
   repeat, color.....
}

Pero, quieren que sea un enlace. Es un poco más difícil, así que necesito ayuda con eso.

He intentado con algo como esto: 

<a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; display: block; left: 0; top: 0; z-index: -1; min-height: 100%; min-width: 100%;">
    &nbsp;
</a>

Pero no funciona correctamente. Quiero que la solución funcione en IE / FF / Safari, etc. Uso jQuery en el sitio, así que conozco un poco al respecto.

Saludos cordiales, Lasse

¿Fue útil?

Solución 3

Tengo éxito usando este método: 

<body>
<script type="text/javascript">
        $(document).ready(function() {
            $('body').css('cursor', 'pointer');

            $('body').click(function(event) {
                if (event.target == event.currentTarget)
                    window.open('http://www.google.dk');
            });

            $('div#Center').hover(function() {
                $('body').css('cursor', 'auto');
            }, function() {
                $('body').css('cursor', 'pointer');
            });
        });
    </script>
<div id="Center">
My content...
</div>
</body>

Sé que no tiene una capa de anuncios, pero eso solo funcionó correctamente en IE. El mouse no pudo hacer clic en la parte superior de la página.

Este código tampoco es perfecto. No puede hacer clic si se desplaza hacia abajo en una página. Tal vez algo con la etiqueta del cuerpo que no se expande hacia abajo. Tengo el cuerpo ajustado a la altura: 100%; y altura mínima: 100%; Pero no funcionó. ¿Alguna sugerencia?

Otros consejos

¿Cuál es el comportamiento de clic esperado del contenido que no está en segundo plano? ¿Se podrá hacer clic independientemente del anuncio de fondo?

Si este es el requisito, diseñaría en una capa div de raíz justo después de la etiqueta del cuerpo. Quizás le dé una identificación de " adsitelayer " eso puede ser dirigido. Haga de este el contenedor principal div. Establezca las dimensiones al 100% y luego haga clic con jQuery, o no, y luego cree el diseño sobre eso.

No pongas esto en el cuerpo. De esta manera, puede convertirlo en una capa div intersticial que se puede extraer fácilmente de su diseño en páginas que no necesitan el anuncio.

Por cierto, este es un requisito extraño. Entonces, básicamente, si hago clic en cualquier otro lugar de la página, ¿voy a ir a un anuncio? Implemente esto si el cliente lo exige. Pero debe informarles que este es un comportamiento realmente extraño desde una perspectiva de usabilidad y que probablemente deshabilitará a los usuarios del sitio web. Solo mis dos centavos.

El spam es spam no por lo que anuncia, sino por la forma en que lo anuncia. Este comportamiento podría levantar las cejas desde un punto de vista SEO. No estoy seguro de que a Google le guste esto. Incluso podrían tratar el sitio como malware, según su política. 

$('body').click(function(event){
    window.location = "http://adsite.com";
});

No estoy seguro de que funcionaría, pero no conozco otra forma de hacer clic en el fondo de una página completa.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top