Фоновая реклама на сайте - PullRequest
Новая
       22

Фоновая реклама на сайте

2 голосов
/ 17 сентября 2009

В настоящее время я создаю веб-сайт, на котором владельцам нужна фоновая реклама (объявление в качестве фона на всем сайте).

Это довольно легко сделать в css: 

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

Но они хотят, чтобы это была ссылка. Это немного сложнее, поэтому мне нужна помощь с этим.

Я пробовал что-то вроде этого: 

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

Но это не работает должным образом. Я хочу, чтобы решение работало в IE / FF / Safari и т. Д. Я использую на сайте jQuery, поэтому я знаю об этом немного.

С наилучшими пожеланиями, Лассе

Ответы [ 3 ]

2 голосов
/ 17 сентября 2009

Каково ожидаемое поведение при щелчке содержимого не в фоновом режиме? Будет ли он кликабелен независимо от фоновой рекламы?

Если это требование, я бы создал корневой слой div сразу после тега body. Возможно, дайте ему идентификатор "adsitelayer", на который можно настроить таргетинг. Сделайте это основным контейнером div. Установите размеры на 100%, а затем сделайте это кликабельным, используя jQuery, или что-то еще, а затем создайте дизайн поверх этого.

Не кладите это в тело. Таким образом, вы можете сделать его промежуточным слоем div, который можно легко извлечь из вашего дизайна на страницах, которые не нуждаются в рекламе.

Кстати, это странное требование. Так что, в принципе, если я нажму где-нибудь еще на странице, я собираюсь перейти на рекламу? Реализуйте это, если клиент этого требует. Но вы должны сообщить им, что это действительно странное поведение с точки зрения юзабилити и, вероятно, приведет к отключению пользователей сайта. Просто мои два цента.

Спам - это спам не из-за того, что он рекламирует, а из-за того, как он рекламирует. Такое поведение может поднять брови с точки зрения SEO. Я не уверен, что Google понравится это. Они могут даже рассматривать сайт как вредоносное ПО, в зависимости от их политики.

1 голос
/ 22 сентября 2009

У меня есть некоторый успех, используя этот метод: 

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

Я знаю, что у него нет рекламного слоя, но он работал правильно только в IE Мышь не может щелкнуть вверху страницы.

Этот код также не безупречен. Вы не можете нажать, если прокрутите страницу вниз. Возможно, что-то с тегом body не расширяется вниз. У меня тело установлено на высоту: 100%; и минимальная высота: 100%; но это не сработало. Есть предложения?

1 голос
/ 17 сентября 2009 
$('body').click(function(event){
    window.location = "http://adsite.com";
});

Не уверен, что это сработает, но я не знаю другого способа сделать фон всей страницы кликабельным.

...