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

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


Для монетизации сайта, обязательно нужно научиться размещать на нем рекламу.

Как добавить баннер на сайт? Сделать это не сложно, в этой статье мы покажем, как добавлять рекламу на сайт, а также покажем, какой код нужно будет установить, чтобы ваш баннер стал кликабельным.

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

Как разместить баннер на WordPress?

Первым делом нужно разобраться, что вообще такое баннер. Это обычная картинка, как правило, в формате Gif, т.е. анимированная. Добавить её на сайт можно также как и обычное изображение. Если вы используете какой-то сервис и получили от него код, просто создавайте специальный виджет и вставляйте туда полученный код.

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

Чтобы добавить баннер в WordPress, нужно перейти к виджетам и выбрать «Текст» (виджет для произвольного кода):

После нажатия на него, откроется меню с выбором расположения, например, в боковой колонке:

После добавления виджета, открываете его в том же меню, придумываете название и добавляете код:

Добавить баннер на Joomla также легко. Необходимо перейти в менеджер модулей и перейти к добавлению нового модуля:

Также выбираем HTML-код . После этого открывается обычный редактор, которыми вы пользуетесь при добавлении новых страниц. Не забудьте выключить редактор, чтобы перейти к режиму добавления кода:

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

Если код постоянно обрезается, зайдите в общие настройки и выберите «Без редактора» (находится в общих настройках).

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

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

При разработке баннера не используйте цветовую гамму, которая будет «резать» глаза.

Если вы не сильны в создании баннеров, узнайте, как создать баннер онлайн. Когда у вас будет готовое изображение, заливайте его на хостинг и также создавайте виджет (модуль) для добавления произвольного HTML кода.

Туда нужно будет вставить такой код:

<a target="_blank" rel="nofollow" href="http://САЙТ.ru/">

<img alt="текст" src="http://workion.ru/banner12.png" width="320" height="240" />

Теперь давайте разберемся с этим кодом:

1. target="_blank" добавляем, чтобы открывалась новая вкладка.
2. Nofollow нужно для закрытия ссылки от индексации поисковиками.
3. Вставляем ссылку на сайт, куда будет направляться пользователь после клика.
4. Alt тег прописывается для всех изображений (использование атрибутов title и alt).
5. Вставляем ссылку на загруженный баннер.
6. В самом конце указаны размеры баннера.

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