1. Рекомендую прочитати схожі статті:

Вітаю друзі! У цій статті поговоримо про там як встановити банер на сайті. Але перш за все що ж таке банер (іст. Віккіпедія):

Банер - один з переважаючих форматів інтернет-реклами. Являє собою графічне зображення, аналогічне рекламному модулю в пресі, але здатний утримувати анімовані (рідко відео-) елементи, а також є гіперпосиланням на сайт рекламодавця або сторінку з додатковою інформацією.

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

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

Зміст статті

Як правило коли ви розміщуєте рекламу за партнерською програмою, ваш партнер надає всі рекламні матеріали (банер і код HTML) і вам не треба щось додатково вигадувати, залишається тільки вставити банер на сайт. І другий варіант коли ви самі робите банер і придумуєте HTML код для вставки банера. Розглянемо другий варіант.

Припустимо ми створили (або скачали) даний банер:

Наш банер для сайту

Далі його треба скопіювати в каталог де розташовані картинки, в моєму випадку шлях виглядає так (я закачувати через FTP-клієнт за допомогою Total Commander ):

//leonov-do.ru/wp-content/themes/BusinessBlog/images/banner.png

Наступне завдання зробити HTML код, в моєму випадку він буде виглядати так:

<Noindex> <div style = "text-align: center;"> <a href="//ссилка_на_сайт "target="_blank" rel="nofollow"> <img style = "border: 0px solid; width: 250px; height: 200px; " src = "// leonov-do.ru/wp-content/themes/BusinessBlog/images/banner.png"> </a> </ div> </ noindex>

Давайте детальніше розглянемо конструкцію коду

• noindex і rel = "nofollow" - атрибути закривають зовнішні посилання від індексації (соотв для Яндекса і Гугла). Обов'язково встановлюйте дані атрибути, це підвищує вагу вашого сайту і покращує оптимізацію
• target = "_ blank - команда щоб посилання під банером відкривалася в новому вікні
• // ссилка_на_сайт - адреса сайту куди веде посилання під банером
• //leonov-do.ru/wp-content/themes/BusinessBlog/images/banner.png - адреса розташування картинки на моєму хостингу (ви вказуєте свою адресу). Якщо у вас буде видаватися помилка 404 значить ви неправильно вказали шлях, будьте уважні.
• width: 250px; height: 200px - ширина і висота банера

Наступний крок - розміщення банера на сайті в сайтбаре. Будемо розміщувати в додатковій бічній панелі. Заходимо в «панель управління» - «Дизайн» - «Віджети». З доступних віджетів вибираємо «Текст» і перетягуємо на «Додаткову панель». В відкрилися вікно вставляємо наш код HTML, зберігаємо і милуємося нашим результатом.

Установка коду в віджет

Ось так в підсумку виглядає банер на сайті.

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

Чекаю на ваші коментарі. Підписуйтесь на оновлення блогу. Буду вдячний, якщо Ви поділитеся цим постом в соціальних мережах!

Рекомендую прочитати схожі статті:

Новини блогу Отримуй поновлення першим!