Как добавить рекламный баннер на сайт WordPress: html-код баннера для вставки на сайт

html-код баннера для вставки на сайт: как добавить баннер на сайт wordpress

Всем привет! Сегодня мы поговорим о том, как добавить баннер на сайт WordPress (в сайдбар). Разберем html-код баннера для вставки на сайт, чтобы у вас не осталось вопросом о том, что и как работает. Готовы? Тогда поехали.

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

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

Чтобы превратить обычное изображение в полноценную рекламу, вам понадобится следующий html-код баннера для вставки на сайт (можете скопировать себе):

<a target="_blank" rel="nofollow" href="ссылка">
<img alt="атрибут альт" src="адрес изображения" width="300" height="600" />

Не пугайтесь, сейчас разложу по полочкам, что каждый кусочек кода означает:

  • target=”_blank” – открывает сайт рекламодателя в другом окне и таким образом не ухудшает поведенческие факторы;
  • rel=”nofollow” – запрет на индексацию ссылки. Оставляем, чтобы не навредить продвижению сайта;
  • href=”ссылка” – меняем слово ссылка на партнерскую ссылку или ту, что дал рекламодатель;
  • alt=”атрибут альт” – вместо слов атрибут альт указываем, собственно, атрибут альт. Другими словами, это то же самое описание, которое мы составляем для всех картинок в наших статьях;
  • src=”адрес изображения” – вместо слов адрес изображения указываем адрес нашего баннера, загруженного на хостинг. Если не понимаете о чем я, подробная инструкция будет чуть ниже;
  • width=”300” height=”600” – указываем габариты изображения(ширина и высота соответственно) в пикселях. Ускоряет загрузку нашей рекламы.

Запомните, заменяя слова в кавычках, сами кавычки не трогаем! Они являются частью кода! Без них ничего работать не будет!

Так-с, теперь чуть подробнее касательно адреса изображения и того, откуда его брать. Заходим в админку сайта и щелкаем «Медиафайлы» — «Добавить новый»:

Как добавить баннер на сайт wordpress

Подгружаем картинку для баннера:

Подгружаем картинку для рекламы

Остается перейти в «Медиафайлы» — «Библиотека», выбрать наш баннер и скопировать его адрес:

html-код баннера для вставки на сайт: как добавить баннер на сайт wordpress

С этим мы разобрались, теперь я расскажу о том, как добавить баннер на сайт WordPress (с другими CMS не дружу).

Как поставить баннер на сайт

Переходим в панели администратора «Внешний вид» — «Виджеты»:

Как поставить баннер на сайт

Перетаскиваем «Текст» в «Сайдбар», переходим с вкладки «Визуально» на «Текст» и копируем туда наш код.

html-код баннера для вставки на сайт

Нажимаем «Сохранить» и проверяем наличие рекламы, а так же работоспособность, щелкнув по нему. Если перенаправит на новую вкладку с открывшимся сайтом рекламодателя – все сделано правильно и можно выдохнуть. Размещение баннера прошло успешно.

Если вам сказали разместить баннер на сайте и дали специальный скрипт, установка будет происходить по тому же принципу, вот только используется уже виджет «html-код»:

Установка баннера на сайт

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

Заключение

Ну что же, на этом все. Надеюсь, информация была для вас полезной и вы сможете добавить рекламу на свой веб-ресурс, а html-код баннера для вставки на сайт больше не вызовет вопросов. Если так, буду благодарен за репост или подписку. До новых встреч!

Рейтинг
( 1 оценка, среднее 5 из 5 )
Максим Ляшенко/ автор статьи

Блогер, геймер, турист, учу японский язык. С 2019 года учусь зарабатывать в интернете. Освоил фриланс, создал два сайта, странички и группы в социальных сетях. Планомерно изучаю инвестирование.

Поставил перед собой цель накопить необходимую сумму денег и уехать в языковую школу в Японию. После этого хочу попутешествовать по миру и осесть где-нибудь у моря.

Понравилась статья? Поделитесь с друзьями:
Блог Максима Ляшенко
Комментарии: 5
  1. Оксана

    Спасибо! Все четко и понятно! ;-) :!:

  2. Леонид

    Очень хорошо написано, даже взял шпаргалку себе, когда заморачивался с банерами :idea:

    1. Максим Ляшенко (автор)

      Спасибо, рад, что смог помочь!

  3. Олег

    Спасибо, Максим. Информацией воспользовался, правда при копировании html-кода для вставки баннера, вставлялось совсем не то что написано, пришлось додумывать самому, но может это и к лучшему. В целом очень практично даётся материал. Так держать! Подписываюсь.

    1. Максим Ляшенко (автор)

      Спасибо за отзыв! На блоге установлен плагин, который автоматически при копировании добавляет ссылку на источник, т.е. этот блог, поэтому так происходит. Тут уже, увы, ничего сделать не могу, простите. Но сам по себе html-код должен работать, проверял на двух других сайтах, когда вешал баннеры

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.