Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Як розмістити банер на сайті?

Як розмістити банер на сайті? У зв'язку з великою популярністю банерної реклами часто у власників сайтів для бізнесу виникає питання: як розмістити банер на сайті? Виявляється, існує відразу кілька способів розміщення банерів на сайтах і вибір відповідного способу залежить від безлічі різних факторів.

Банер — це цінний рекламно-інформаційний елемент на сайті, здатний вирішувати безліч важливих завдань. На сайтах для бізнесу, наприклад, банери можуть розміщуватися для того, щоб привертати увагу відвідувачів до партнерів компанії. Так, на сайтах автомобільних компаній часто можна побачити банери, які рекламують послуги партнерських банків: відвідувачі відразу можуть бачити, де можна взяти кредит на модель авто, яку вони бажають придбати.

Щоб розмістити банер на сайті, важливо спочатку визначитися, буде він графічним або ж анімованим. Звичайний графічний банер розмістити на сайті не складає труднощів, адже такий банер — це зображення, при натисканні на яке здійснюється перехід на сайт рекламодавця. Розмістити банер на сайті в цьому випадку легко можна за допомогою простого коду:

<a href="/посилання на сайт рекламодавця" title="заголовок" target="_blank" rel="nofollow"><img src="/шлях до зображення" alt="альтернативний текст" title="заголовок"/></a>

Для банера за допомогою атрибутів зображення width і height можна жорстко (в пікселях) або пропорційно (у відсотках) задати розміри по ширині і висоті, а за допомогою style — стиль відображення банера (межі, відступи тощо).

Атрибут target="_blank" в html-тегу потрібен, щоб посилання на сайт рекламодавця відкривалася в новому вікні чи новій вкладці браузера, а атрибут rel="nofollow" необхідний для того, щоб пошукові роботи при індексації сторінки з розміщеним банером не враховували посилання на сайт рекламодавця при розрахунку посилальної ваги сторінки.

Якщо анімований банер виконаний у форматі GIF, то його розміщення на сайті здійснюється аналогічно графічному банеру. Анімований flash-банер слід розміщувати на сайті трохи інакше: використовується html-тег . Щоб розмістити банер на сайті за допомогою тега , потрібно застосувати, наприклад, такий код:

<object type="application/x-shockwave-flash"
data="images/banner.swf" width="400" height="300">
<param name="quality" value="high">
<param name="wmode" value="opaque">
</object>

Даний код слід вставляти в html-код сторінки в тому місці, де планується «повісити» банер. Параметрів і атрибутів в може бути набагато більше, наприклад, можна задавати розміри горизонтального і вертикального відступів від контенту, який оточує банер. За допомогою подій можна змінювати «поведінку» банера: за клацанням лівої кнопки миші (onclick), за подвійним клацанням лівої кнопки миші (ondblclick), за переміщенням курсора миші (onmousemove), за наведенням курсора миші (onmouseover) тощо.

Зазначені способи розміщення банерів на сайті є статичними: на сторінці в строго визначеному для цього місці завжди відображається тільки один заданий банер. Якщо ж потрібно відображати банери динамічно, тобто демонструвати в певній частині сайту різні банери, залежно від низки умов, то розмістити банер на сайті допомагають так звані ротатори банерів.

Ротатори банерів представляють собою спеціальні коди, за допомогою яких можна «виводити» на одному і тому ж місці на сторінці сайту банери в довільному порядку або ж залежно від конкретних умов. Існують уже готові ротатори банерів, вбудовані в системи управління контентом сайтів, але при необхідності можна написати код ротатора вручну.

Теги:
як розмістити банер на сайті, розмістити банер на сайті, банер на сайті, банер, ротатор банерів