Как выгодно разместить баннеры на блоге

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

Если быть точнее в формулировках, доход идет с рекламы, размещённой на посещаемом блоге. Основным носителем рекламы является баннер. Это самая эффективная реклама на любом ресурсе. Баннер – это такая, привлекающая внимание посетителя, картинка с информационным текстом.

Как получать прибыль с блога?

В статье «Как заработать на блоге?» я очень подробно описал способы получения доходов со своего блога. А чтобы научиться всем тонкостям прибыльного ведения блога, нужно пройти обучение. В школе «Я – блогер» Евгения Вергуса, или в «Школе блогеров» Александра Борисова. Тут, уж, каждый выбирает сам.

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

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

Вот и ко мне пришло время облагородить свой блог. Что я сделал? Я создал отдельную страницу «РЕКОМЕНДУЮ», которая расположена в панели МЕНЮ, в верхней части блога. И туда поместил все свои рекламные баннеры с сайдбара.

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

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

Как решить проблему с размещением баннера?

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

Все они, в основном, англоязычные, настройки непонятные. И, главное, что я не смог разобраться, куда, в какое именно место, выводятся баннеры с помощью этих плагинов. Единственный, абсолютно понятный, удобный и функциональный плагин, который я встречал – это AdSens от Google.

Но он работает только с рекламными баннерами Google. Поэтому затею с применением плагинов я отложил в сторону, и решил разместить баннеры, сугубо, вручную. Есть еще один вариант, самый, пожалуй, лучший. Это – скрипт «БаннерБро». В нем весь процесс размещения и показов баннеров автоматизирован. Для блогов с высокой посещаемостью это самый оптимальный вариант.

Как я искал место в коде?

Первый баннер я разместил на главной странице блога. Это – школа «Я – Блогер» Евгения Вергуса. Второй баннер с рекламой школы А. Борисова я поместил в шапку блога. Третий баннер кампании AppGlobal, поместил вверху каждой статьи. Теперь расскажу немного подробней о каждом из них.

Файл, отвечающий за главную страницу блога, называется index.php.  Теперь открываем программу NotePad++ и связываемся со своим хостингом по FTP соединению. Как это делать читай в статье «Полезная функция в программе NotePad++». И обязательно посмотри видеообзор в конце статьи. Там всё понятно показано.

После соединения с хостингом, находим файл index.php и открываем его в NotePad++. Теперь нужно найти место в коде, где необходимо разместить баннер. Как же его найти, это место? Особенно тому, кто вообще не знаком с кодами? Я делаю так: визуально выбираю предполагаемое место и в этом месте кода прописываю ряд, каких либо символов. Например так: WWWWWWWWWWWWWW

Затем нажимаю «Сохранить» в программе NotePad++, и перехожу на блог. Обновляю страницу и вижу, где находятся эти, прописанные мною символы.

Если они там, где нужно, то вместо них, в редакторе NotePad++, я вставляю код баннера. Если нет, то в этом месте удаляю все символы и ищу другое, подходящее, таким же образом. Очень эффективный способ. Простой и безопасный.

Если у тебя нет готового баннера, то его можно очень легко изготовить самому. Как вставить в картинку (читай баннер) ссылку, и получить код для размещения на блоге, ты можешь прочесть в статье «Как вставить в баннер ссылку». Всё предельно легко и просто, при условии, что есть, кому показать.

Баннер в шапке блога

Теперь, что касается шапки блога. В программе NotePad++ коннектимся с хостингом, открываем файл header.php. Он отвечает за шапку блога, и нужно найти код, который отвечает за вывод заголовка. Он выглядит так: < div id=»header» или так: < div id=»header_title», в зависимости от темы шаблона. У меня в шаблоне код выглядит немного по другому, поэтому я искал место так, как описал выше. «На ощупь», интуитивно.

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

ВНИМАНИЕ!!! Внимательно следите за кавычками в Партнерской ссылке и в Ссылке на изображение. Чтобы они прописывались правильно, а не навыворот.

Поясню некоторые значения.

1. «Партнерская ссылка на рекламируемый объект» – ссылка, ведущая посетителя на рекламу;
2. «Ссылка на изображение» – ссылка на закачанную картинку в «Медиафайлы» в админ панели блога;
3. target= «_blank»> – открывает в новом окне;
4. position:absolute – обозначение непрозрачности изображения;
5. top:50px – 50 пикселей от верхнего края шапки до баннера. Меняя это числовое значение, можно передвигать баннер по вертикали: вверх-вниз;  
6. right:100px – 100 пикселей от конца баннера до конца шапки справа. Меняя это число, можно регулировать положение баннера по горизонтали: влево-вправо;
7. border: 1px – толщина обводки (рамки) в 1 пиксель. Можно увеличивать обводку, можно убрать: поставить значение 0 (ноль);
8. solid #ddad22 – цвет обводки. Можно выбрать любой.

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

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

С уважением, Ян Збаразкий.