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

Більшість партнерських мереж, пропонують вже готове рішенняде достатньо скопіювати отриманий код і вставити до себе на сайт у необхідне місце. Але буває, так що партнери пропонують завантажити зображення на ваш сайт через можливі зміни роботи рекламних майданчиків. Другою причиною створення рекламного коду, може стати, рішення про створення свого банера, з посиланням на сайт партнера. Наприклад, я так часто роблю. По-перше, це робить банер унікальним, а по-друге не всі партнери пропонують красиві та рухливі картинки.

Створюємо код банера.

І так приступимо. Насамперед, необхідно завантажити зображення у певну папку, наприклад «images», або створити будь-яку іншу, де зберігатимуться наші зображення для реклами. Потім вантажимо туди картинки найпопулярніших форматів (jpg, gif, png). Тепер напишемо шлях для нашої картинки:

У цьому коді йдеться таке. Тег заявляє браузеру, що даний елементзображення, або зображення. Далі атрибут "srс" вказує шлях до цього зображення. Потім йде сам шлях, це адреса сайту, папка uploads і безпосередньо сам файл, який я назвав banner_sitestroy розширенням gif. Після всього цього закриваємо дію атрибуту ось таким чином "/>". Тепер необхідно вказати наступне: ширину банера (width), висоту банера (height), альтернативний текст (alt=), текст при наведенні, на зображення (title=) та поставити нульове значення для бордюру (border="0"), щоб він випадково не з'явився у деяких браузерах.

Gif" width="468" height="60" alt="banner_sitestroy.gif" title="Якийсь текс при наведенні!" border="0" /> !}

Вийшов такий, код і можемо тепер відкрити його в браузері і подивитися, чи все працює?

Малюнок №1.

Та все працює, все чудово, ось тільки він поки що звичайна картинка. Тепер потрібно додати посилання на сайт партнера.

Тут ми бачимо, тег , який говорить браузеру, що це посилання, далі атрибут "href" означає початок шляху посилання, саме посилання і завершує всю церемонію, тег "target" з атрибутом "_blank", який відкриє адресу партнера, в новій вкладці, не закриваючи наш сайт. Весь цей код необхідно вставити перед кодом картинки, а після її вставити закриває тег посилання . Загалом, що вийшло б ось так:

Загалом це готовий код для банера 468х60, який можна скопіювати, вставити реальні дані і він готовий. Для банерів інших розмірів просто змініть значення «width» (ширина) і height (висота).

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

Можливо, Ваш сайт працює під керуванням CMS WordPressТоді для додавання банера можна скористатися вкладкою “Віджети”. Вибираєте віджет “Текст” перетягуєте його у потрібне місце та вставляєте код банера.

На сторінках сайту, я маю багато інформації про те, як створити сайт на “Народі”. У разі на цьому сервісі, тоді для додавання коду банера, необхідно зробити кроки, описані .

Багато сайтів на своїх сторінках викладають код власних банерів.

Це робиться для того, щоб відвідувачі, які мають власні сайти, могли скопіювати цей код і додати його на свій сайт, тим самим просуваючи його до Інтернету. Звичайно це робиться в тих випадках, коли сайт сподобався або при простому обміні банерами.

Природно, щойно з'явився Інтернет, баннерна реклама, одразу набула широкого поширення в мережі.

Банери використовують, незважаючи на різні думки.

Якщо Ви проїдете вулицями будь-якого міста світу, то напевно зустрінете купу банерних стендів, розтяжок, вивісок, з рекламою товару, фірми, послуг.

Чому банери такі популярні?

Людина швидше відреагує на об'єкт, що змінюється, ніж на об'єкт, який знаходиться в статичному стані. Не важливо, що змінюється колір, розмір чи положення, ми на такі зміни швидше відреагуємо. Саме ці здібності людини використовують розробники реклами.

У більшості випадків, коли ми знаємо, де і що шукати, банерна реклама нас дратуватиме. Але коли ми шукаємо щось конкретне та інформація про цю річ “крутиться” у банері, то, швидше за все, ми відреагуємо на банер і подивимося, “що там таке пропонується”.

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

Виходить, що банери при певному збігу обставин виконують покладену на них роль.

Розміщення банерів - один із способів заробітку на своєму сайті або блозі. Найпростіше додати його, якщо у вас вже є готовий HTML-код. Але вносити шаблонний та потенційно шкідливий елемент на сторінки власного проекту – не найкраща ідея. Тому перед тим як вставити банер, уважно вивчіть його вміст і при необхідності відредагуйте.

Особливу увагу приділіть перевірці унікальності класів та id у коді проекту. Жодні інші елементи не повинні впливати на відображення банера. Переконайтеся, що назви селекторів не перетинаються за допомогою пошуку у звичному для вас редакторі файлів (зазвичай викликається натисканням Ctrl+F). Подивіться, чи немає у коді підозрілих елементів. Найпростіший банер складається з двох тегів:

і