В этом уроке я покажу как сделать рекламный баннер для сайта.

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

Начнём с того, что рекламодателя надо где то найти. Как вариант можете зарегистрироваться на сервисе Admitad

Независимо от того где вы найдёте партнёра для рекламы на вашем сайте вам понадобятся рекламные материалы. Зачастую готовые рекламные баннеры от партнёров оставляют желать лучшего: Их размер может нарушать вёрстку вашего сайта, Картинка или гифка может вам не нравится, а зачастую и вовсе отсутствовать - некоторые партнёрки предлагают лишь реферальные ссылки.

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

Вот этим мы и займёмся в этом уроке. Делать я буду это на примере Интернет-магазина Цифровой и бытовой техники Сandy

Интернет-магазин Цифровой и бытовой техники Сandy предлагает несколько стандартных баннеров для своих партнёров. Я выбрал вот такой, но решил его немного доработать.

Я буду делать статичный рекламный баннер. За основу возьму вышеприведённый рисунок.

Доступен этот рисунок по ссылке из кода рекламного баннера который предоставил партнёр интернет магазин:

Ссылка на рисунок основу: Баннер интернет магазина бытовой техники Сandy

Для начала выбранный рисунок нужно сохранить на свой компьютер. Я надеюсь с этим вы справитесь самостоятельно : )

Затем открываем понравившийся нам рисунок в любом графическом редакторе. Я обычно использую штатный редактор операционной системы Виндовз под названием Paint:

И начинаем создавать рекламный баннер своей мечты! : ) Так как обучение работе с графическим редактором не есть цель данного урока, и автор, то есть я, надеется, что читатель, то есть вы, данными навыками обладает, то я размещу в этой статье конечный результат своего творчества - модернизированный мною рисунок основу для статического рекламного баннера Интернет-магазин Цифровой и бытовой техники Сandy

Вот такой рисунок для баннера у меня получился в итоге:

Теперь необходимо собрать Html код для нашего рекламного баннера.

В этом коде должны присутствовать:

1. Ссылка на картинку рекламного баннера ( предварительно эту картинку необходимо загрузить на сервер с вашим сайтом:

2. Ваша реферальная ссылка ( её вам должен предоставить рекламодатель )

Итоговый код рекламного баннера который я сделал выглядит таким образом:

А вот сам код получившегося у меня рекламного баннера:

<a target="_blank" rel="nofollow" href="https://ad.admitad.com/g/0ixnnx9d1ifd54849b31ac3561009b/?i=4"><img width="100%" height="100%" border="0" src="/kartin_k_statym/Zarabot_na_site/Sdelat_baner_re/kartinka_reklamnogo_bannera_gotovaja.png" alt="Shop.candy"/></a>

Код баннера необходимо вставлять в HTML - редакторе вашего сайта при создании или правке статьи, публикации либо обзора.

И наконец полюбуйтесь и опробуйте рекламный баннер Интернет-магазин Цифровой и бытовой техники Сandy который теперь можно встраивать в любое место сайта. Я вставлю его здесь, для примера:

Кликните по этому баннеру - картинке и вы перейдёте на сайт рекламодателя: Интернет-магазин Цифровой и бытовой техники Сandy

Закажите на этом сайте какой либо товар и оплатите его - и автор, то есть я, получит партнёрский заработок от рекламодателя : ) Вот так и работают партнёрские программы и рекламные баннеры!

Добавляйтесь ко мне в соцсетях:

Мой канал в Яндекс Дзен Мой канал в соцсети Бастион

Мой блог в Живом Журнале Мой Ютуб канал

Оформите подписку на получение новых статей на вашу электроную почту