Фоновая реклама на сайте
-
07-07-2019 - |
Вопрос
В настоящее время я создаю веб-сайт, на котором владельцам нужна фоновая реклама (реклама в качестве фона на всем сайте).
Это довольно легко сделать в 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%;">
</a>
Но это не работает должным образом. Я хочу, чтобы решение работало в IE / FF / Safari и т. Д. Я использую jQuery на сайте, поэтому я знаю об этом немного.
С уважением, Лассе
Решение 3
У меня есть некоторый успех с использованием этого метода:
<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%; но это не сработало. Есть предложения?
Другие советы
Каково ожидаемое поведение при щелчке содержимого не в фоновом режиме? Будет ли он кликабелен независимо от фоновой рекламы? Р>
Если это требование, я бы разработал в корневом слое div сразу после тега body. Возможно, дайте ему идентификатор "adsitelayer" это может быть целью. Сделайте это основным контейнером div. Установите размеры на 100%, а затем сделайте это кликабельным, используя jQuery, или что-то еще, а затем создайте дизайн поверх этого. Р>
Не кладите это в тело. Таким образом, вы можете сделать его промежуточным слоем div, который можно легко извлечь из вашего дизайна на страницах, которые не нуждаются в рекламе.
Кстати, это довольно странное требование. Так что, в принципе, если я нажму где-нибудь еще на странице, я собираюсь перейти на рекламу? Реализуйте это, если клиент этого требует. Но вы должны сообщить им, что это действительно странное поведение с точки зрения юзабилити и, вероятно, приведет к отключению пользователей сайта. Просто мои два цента.
Спам - это не спам не из-за того, что он рекламирует, а из-за того, как он рекламирует. Такое поведение может поднять брови с точки зрения SEO. Я не уверен, что Google понравится это. Они могут даже рассматривать сайт как вредоносное ПО, в зависимости от их политики.
$('body').click(function(event){
window.location = "http://adsite.com";
});
Не уверен, что это сработает, но я не знаю другого способа сделать фон всей страницы кликабельным.