Розміщення банерів - один із способів заробітку на своєму сайті або блозі. Найпростіше додати його, якщо у вас вже є готовий html-код. Але вносити шаблонний і потенційно шкідливий елемент на сторінки власного проекту - не найкраща ідея. Тому, перед тим як вставити банер, уважно вивчіть його вміст і при необхідності відредагуйте.
1
Спочатку розглянемо вставку банера на сайт, зверстаний на чистому HTML + CSS. Скопіюйте готовий код елемента з сайту рекламодавця і відредагуйте його згідно з загальними правилами форматування. Для внесення виправлень використовуйте копію сторінки свого сайту, ніколи не робіть правки відразу на сервері. Код банера являє собою стандартну html-розмітку зі стилями, розташованими всередині тегів. Вони повинні знаходитися в окремих файлах і бути пов'язані один з одним селекторами.
2
Особливу увагу приділіть перевірці унікальності класів і id в коді проекту. Ніякі інші елементи не повинні впливати на відображення банера. Переконайтеся, що назви селекторів не перетинаються, за допомогою пошуку в звичному для вас редакторі файлів (зазвичай викликається після натискання Ctrl + F).
Запустіть змінену копію сторінки в браузері. Подивіться, як відображається банер в різних веб-браузерах. Спробуйте змінити розмір і масштаб вікна. Якщо реклама розташована правильно і після натискання на неї відбувається перехід на потрібний сайт, збережіть код в редакторі.
6
Далі цілком замініть оригінальну сторінку тільки що зробленим дублікатом з рекламою. Для цього найзручніше скористатися ftp-клієнтом, наприклад, безкоштовною і кросбраузерності програмою FileZilla. Просто перетягніть новий файл в правильний розділ каталогу. Назва дубліката має збігатися з оригіналом, щоб не порушити структуру посилань на сайті. При однакових назвах ftp-клієнт запропонує замінити сторінку більш нової. Після цього перезавантажте свій сайт і ще раз переконайтеся, що банер правильно відображається.
7
Якщо ваш сайт або блог працює на популярній CMS WordPress, зайдіть в консоль управління інтернет-ресурсом. На бічній панелі знайдіть розділ «Зовнішній вигляд» і виберіть пункт «Віджети».
8
Знайдіть елемент з назвою «Текст» і перетягніть його в вибране місце області для віджетів. Після переміщення з'являться два текстових поля, заповніть другий попередньо скопійованим рекламним кодом. Потім натисніть «Зберегти» і перейдіть на сайт, щоб побачити результат своєї роботи.
Розміщення банерів - простий спосіб заробітку на своєму сайті. Вставити таку рекламу ви зумієте всього за кілька хвилин. Але будьте уважні до того коду, який ви додаєте в свій проект.