Как установить рекламный баннер в сайдбар?

Сегодня решил покопаться в настройках своего блога и немного поменять его внешний вид. В частности мне не совсем нравится мой сайдбар – боковое меню с различными виджетами. Убрал блок “Свежие комментарии” и дабы место зря не пустовало, поставил туда рекламный баннер одного из проектов, в котором я участвую.

Код для установки баннера

Самое первое, что понадобится для размещения баннера – это специальный html-код, который будет правильно отображать саму картинку и переводить пользователя на нужный сайт.

Немного побродив по дебрям интернета я нашел такой. Выглядит он просто и незамысловато:

<center><a href=”партнерская ссылка” target=”_blank”><img src=”ссылка на баннер”/></a></center>

Вам остается лишь скопировать этот код и установить его в виджет “Текст” в сайдбаре. Вместо “партнерская ссылка” ставим свою ссылку, а вместо “ссылки на баннер” – указываем ссылку с размещенным баннером.

Где взять партнерскую ссылку и баннер?

Покажу на одном конкретном примере. У меня получилось установить баннер на этом блоге уже со второго раза. С первого у меня очень редко что получается )

Итак, я взял готовые материалы с партнерского кабинета браузерного расширения для заработка AddonMoney. Берем реферальную ссылку и скачиваем нужный баннер на компьютер. Нам нужен любой вертикальный, ибо горизонтальный попросту не влезет в сайдбар или будет выглядеть не очень презентабельно )

Как установить рекламный баннер в сайдбар?
Материалы для установки рекламного баннера

Установка готового кода в сайдбар

Первое, что нужно сделать – загрузить сам баннер (который мы скачали на комп) в библиотеку файлов и скопировать его ссылку. В моем случае блог находится на Вордпресс и всё это выглядит таким образом.

Как установить рекламный баннер в сайдбар?
Расположение ссылки баннера

Эта ссылка и нужна для нашего кода. Вставляем её вместо “ссылки на баннер”, а вместо “партнерская ссылка” – свою реф.ссылку.

Должно получиться примерно так:

Как установить рекламный баннер в сайдбар?
Готовый код для вставки на сайт

Какой виджет использовать для баннера?

Я использую самый простой виджет для этой цели – “Текст”. Это самый банальный и понятный инструмент для нашей цели. Главное его удобство в том, что можно сразу же увидеть как он будет отображаться визуально.

Находим в консоли Вордпресса вкладку “Внешний вид”“Виджеты”. Ищем “Текст”, кликаем и зажимаем левой клавишей мыши по нему и переносим его в виджет “Сайдбар” в нужное нам место.

Теперь остается только отредачить данный блок, поместив туда наш готовый код.

Как установить рекламный баннер в сайдбар?
Вставляем готовый код в виджет “Текст”

Тут же можно сразу посмотреть как он выглядит, нажав на вкладку “Визуально”, рядом с “Текстом”. Если всё нормально – сохраняем. Нет – значит с кодом что-то не так. Возможно вы случайно удалили некоторые символы или оставили лишний пробел.

Чистим кэш/куки браузера или просто проверяем отображение рекламного баннера на другом браузере. У меня получилось вот так:

Как установить рекламный баннер в сайдбар?
Конечный результат

Как видите нет ничего сложного. Справится абсолютно любой человек. Проделал данные манипуляции я всего за несколько минут. Надеюсь у вас всё тоже получится! Увидимся в следующих статьях ^_^

Ильдар
Оцените автора
Marker City
Добавить комментарий

  1. Марс

    Отлично, сразу как зашел на сайт бросился в глаза баннер). Раньше я размещал в блоге несколько баннеров бестченджа, сео спринта и рекламного баннера для заработка Ротабана, сейчас ни одного из них нет, появился один с моей книгой только, остальные убрал, немного замедляют они страницу.

    Ответить
    1. Ильдар автор

      Вот я тоже не хочу сильно грузить блог баннерами. Этот пока так, для теста )

      Ответить