Реклама для сайта

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

Всем привет! Сегодня мы поговорим о том, как добавить баннер на сайт 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 (с другими CMS не дружу).

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

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

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

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

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

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

Заключение

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

Максим Ляшенко

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

View Comments

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

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

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

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

Recent Posts

Отчет об инвестициях на фондовом рынке за зиму 2020-2021 года: итоги, изменения в портфеле акций, цели на 2021 год

Всем привет, дорогие друзья! Вот и мой второй отчет об инвестициях на фондовом рынке. Сегодня…

6 лет ago

Подведение итогов за 2020 год и планы на 2021: чего добился, с какими проблемами столкнулся, какие цели перед собой поставил

Всем привет и с Новым годом! Вроде совсем недавно опубликовал свой первый отчет с планами…

6 лет ago

Кто такой контрагент простыми словами: зачем он нужен, как им стать, какие виды договор и методы взаиморасчета бывают

Здравствуйте, уважаемые читатели. В процессе развития и продвижения бизнеса каждый предприниматель обязательно сталкивается с понятием…

6 лет ago

Что такое рефинансирование кредита или ипотеки для физических лиц и выгодно ли оно на самом деле

Здравствуйте, уважаемые читатели моего блога. Рефинансирование одного или нескольких действующих кредитов – популярная услуга во…

6 лет ago

Отчет об инвестициях на фондовом рынке за осень 2020 года: цели, планы, прогресс и совершенные ошибки

Всем привет! Как и обещал, публикую свой первый отчет об успехах на поприще инвестирования. Портфель…

6 лет ago

Отчет о продвижении блога за октябрь 2020 года: очередная борьба с накруткой, работа над статьями и долгожданный рост трафика и дохода

Всем привет! Ноябрь на дворе и настала пора опубликовать отчёт о продвижении блога. В прошлом…

6 лет ago

Сайт собирает cookie