Как добавить рекламный баннер на сайт 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” – указываем габариты изображения(ширина и высота соответственно) в пикселях. Ускоряет загрузку нашей рекламы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ПОДПИШИТЕСЬ НА НОВОСТИ БЛОГА!

Понравилась статья? Поделиться с друзьями:
Блог Максима Ляшенко
Добавить комментарий

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