2009-09-16 6 views
2

Je suis en train de créer un site Web où les propriétaires veulent des annonces de fond (une publicité en arrière-plan sur l'ensemble du site).Annonce d'arrière-plan sur le site Web

Il est assez facile de faire en css:

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

Mais, ils veulent que ce soit un lien. C'est un peu plus difficile alors j'ai besoin d'aide avec ça.

J'ai essayé avec quelque chose comme ceci:

<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> 

Mais il ne fonctionne pas correctement. Je veux que la solution fonctionne dans IE/FF/Safari etc. J'utilise jQuery sur le site, donc je connais un peu le sujet.

Meilleures salutations, Lasse

+2

Je pense que le client peut se tromper dans ce cas. Si je me rendais sur un site Web où un clic non spécifique m'emmenait ailleurs, je m'enfuirais en hurlant! Je serai intéressé par la solution à ce problème, mais j'espère que vous pourrez convaincre vos clients de ne pas l'utiliser. – dnagirl

+0

Je vais essayer, mais je pense qu'il veut des possibilités ouvertes;) –

Répondre

1

J'ai un certain succès en utilisant cette méthode:

<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> 

Je sais qu'il ne dispose pas d'une couche d'annonce, mais cela ne fonctionne correctement dans IE. La souris n'a pas pu cliquer en haut de la page.

Ce code n'est pas sans faille non plus. Vous ne pouvez pas cliquer si vous faites défiler une page. Peut-être que quelque chose avec l'étiquette du corps ne s'étend pas vers le bas. J'ai le corps à la hauteur: 100%; et hauteur minimale: 100%; Mais cela n'a pas fonctionné. Aucune suggestion?

+0

Je veux ajouter de la publicité en arrière-plan de mon site réactif, les annonces seront disponibles uniquement sur le site Web de bureau, mais comment le gérer, pouvez-vous me montrer un exemple de site où vous l'avez fait? –

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

Je ne sais pas qui fonctionnerait, mais je ne sais pas d'une autre façon de faire l'arrière-plan d'une cliquable page entière.

+0

Je pense que cela rend la page entière cliquable. Mais il peut être possible de nettoyer les enfants. Voir l'autre réponse et commentaires de Gordons à cela. –

2

Quel est le comportement de clic attendu du contenu qui n'est pas en arrière-plan? Sera-t-il cliquable indépendamment de l'annonce de fond?

Si cela est l'exigence que je voudrais concevoir dans une couche div racine juste après l'étiquette du corps. Peut-être lui donner un identifiant de "adsitelayer" qui peut être ciblé. Faites-en le div conteneur principal. Définissez les dimensions à 100%, puis rendez-le cliquable en utilisant jQuery, ou quoi que ce soit, puis créez le design en plus de cela.

Ne pas mettre cela dans le corps. De cette façon, vous pouvez en faire une couche div interstitielle qui peut facilement être extraite de votre conception sur des pages qui n'ont pas besoin de l'annonce.

D'ailleurs, c'est un peu bizarre. Donc, fondamentalement, si je clique n'importe où sur la page, je vais aller à une publicité? Implémentez ceci si le client le demande. Mais vous devez les informer que c'est un comportement vraiment bizarre d'un point de vue de la convivialité et que les utilisateurs du site web seront probablement désactivés. Juste mes deux cents. Le spam n'est pas un spam, mais une publicité. Ce comportement peut soulever des sourcils à partir d'un point de vue SEO. Je ne suis pas sûr que google va aimer ça. Ils pourraient même traiter le site comme un logiciel malveillant, en fonction de leur politique.

+0

Il y a du contenu sur la page qui ne doit pas être cliquable. Le problème que je vois est de rendre le div cliquable (et montrer le curseur de pointeur) sans faire le contenu à l'intérieur de clickalbe. Je ne l'aime pas non plus. En fait, j'aime les annonces d'arrière-plan sans lien si le graphique est destiné au site spécifique. –

Questions connexes