Всем привет! На днях ко мне на почту пришло письмо с предложением, разместить на блоге FairHeart.ru баннер, ориентированный на привлечение посетителей. В цене сошлись быстро и уже через пару дней на счет веб-мани пришли оговоренные средства, а на почту рекламный баннер. Именно эти обстоятельства подтолкнули меня на написание данной статьи, темой которой будет — как разместить рекламный flash баннера в WordPress.
Это первый рекламный баннер, размещенный на моем блоге, поэтому хочется высказать благодарность рекламодателям — movebo.ru. Значит блог интересен, раз не я ищу рекламодателей, а они находят меня. Это подвигло меня создать раздел Реклама, где вы можете узнать, какого рода реклама и по какой цене доступна на моем блоге. Связаться со мной можно с помощью формы обратной связи.
Хочу сказать, что в настоящий момент я размещаю только баннеры, никаких продажных ссылок. Это связано с минимальными пузомерками блога, так что на ссылках пока много не заработать, а мелочиться и захламлять страницы рекламой я не хочу. Лучше немного потерпеть. Со временем все будет.
И так, flash баннер состоит из двух частей:
- Скрипт — программный код, который отвечает за вывод баннера на страницы сайта и позволяет рекламодателю отслеживать интересующую его статистику. Чаще всего баннеры размещаются с целью привлечения пользователей, то есть отслеживаются клики по нему и переходы с вашего интернет портала на сайт рекламодателя. Основываясь на этих данных, рекламодатель принимает решение — выгодно ли размещать рекламу на вашем сайте, окупается ли она.
- Файл с расширением .swf — отвечает анимация, создается с помощью Adobe Flash. Другими словами, это внешний вид баннера — сменяющиеся картинки, графика, текст, итеративность и так далее.
Теперь рассмотрим, что делать с каждой из этих частей на примере. В присланном мне письме скрипт выглядел следующим образом:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="60" id="movebo_banner" align="middle"> <param name="movie" value="468x60_g.swf"/> <param name="flashvars" value="clickTAG=http://movebo.ru/?from=FairHeart.ru" /> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="468x60_g.swf" width="468" height="60"> <param name="movie" value="468x60_g.swf"/> <param name="flashvars" value="clickTAG=http://movebo.ru/?from=FairHeart.ru" /> <!--<![endif]--> <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/> </a> <!--[if !IE]>--> </object> <!--<![endif]--> </object> |
Среди этого нагромождения кода первое, что бросается в глаза — это не закрытая от индексации внешняя ссылка на сайт adobe.com. Она отображается только в том случае, если у пользователя устаревший Adobe Flash player, или он вовсе отсутствует.
Запомните, если баннер размещается с целью привлечения посетителей, никогда не стоит в нем оставлять открытые от индексации ссылки. Просто подобного рода сквозная ссылка никак не входит в стоимость такого баннера. Если рекламодатель настаивает — поднимайте цену, ибо простое привлечение посетителей это одно, а сквозная ссылка — это уже другое. Поэтому, первое что я сделал, добавил атрибут ref="nofollow" в ссылку.
Второй момент. Обратите внимание на атрибут data. В нем задается путь до файла с разрешением .swf. По умолчанию путь задан явно некорректно (data="468x60_g.swf"), и в таком случае не избежать проблем с отображением баннера. Лично я закинул файл в корневой каталог WordPress, поэтому атрибут принял следующий вид:
data="http://fairheart.ru/468x60_g.swf" |
Подкорректировав код и загрузив на сервер файл .swf с помощью ftp клиента, можно приступать к выводу баннера на страницы блога.
Далеко не каждая тема WordPress имеет специально выделенные под баннеры позиции, так что их придется создавать вручную. Самое распространенная позиция для них — два баннера размером 468×60 px в ряд в шапке блога или под шапкой перед областью контента. Там их лучше всего видно и переходов будет больше всего.
Такую конструкцию несложно создать с помощью CSS стилей. С учетом того, что размеры баннера 468×60 px, а ширина основного контейнера составляет 1000 px, стили будут выглядеть следующим образом:
.banner { width: 468px; padding: 0px 16px 10px 16px; float: left; height: 60px; } |
- width — задаем ширину области для баннера.
- padding — отступы (сверху, справа, снизу, слава). В сумме отступы слева, справа и ширина области должны составлять 500px, чтобы два баннера встали в ряд.
- float — задаем обтекание, чтобы области располагались в линию, а не друг под другом.
- height — задаем высоту области.
HTML код, к которому будут применены данные стили, выглядит следующим образом:
<div class="banner"> Скрипт баннера №1 </div> <div class="banner"> Скрипт баннера №2 </div> <div class="clear"></div> |
Последний пустой div отменяет обтекание. Данный блок кода следует добавить в шаблоны темы WP в те места, где вы хотите видеть рекламу. Тут уж все индивидуально. Пробуйте, используйте метод «научного тыка», рано или поздно реклама появится там, где вы хотите ее видеть.
В качестве заглушки, когда рекламное место пустует, можно использовать рекламные баннеры от Google AdSensr и Яндекс Директ.
На этом на сегодня все. Развивайте свой блог, зарабатывайте денюшку на размещении flash баннера в WordPress, желаю вам успеха и процветания. Спасибо за внимание!
Если статья Вам показалась интересной, не поленитесь, расскажите друзьям о ней с помощью социальных кнопок слева. С Вас не убудет, а мне приятно. 
Консультация по Skype
