А это клавиатура, с помощью которой я творю...
http://kurepin.ru/php/adv/
Rambler's Top100
Пишем на PHP: Размещаем рекламу

Шаг 160: http://php.kurepin.ru/step/160/

Ну не сайт у нас, а тоска сплошная: данных нет, графики нет, ничего не движется, ничего не мешается:

Будем сегодня оживлять наш сайт.

Что нужно, чтобы сайт стал живым и красивым?

Нет, рисовать красивые картинки я не умею, разве что, во flash. Но у меня есть один секрет, как оживить сайт, не рисуя графику и не воруя ее.

Просто добавь рекламы!

Помните, каким серым и тусклым был наш сайт? Это можно будет по-прежнему увидеть на разных стадиях разработки нашего проекта в поддиректориях /step/.

Итак. За ближайшие 30 минут мне надо успеть добавить на сайт:

- два баннера, формат 468x60;
- четыре, формат 120x60
- два квадрата: 100x100
- один небоскреб: 120x60
- счетчики: hotlog, rambler, top.mail.ru

...а дальше видно будет.

Как будем подключать баннеры? Т.е. как будем подключать баннерный код?

Можно, конечно, вставить его as is, то есть — прямо в текстовые файлы. Что, впрочем, вы и сделаете, т.к. разрабатывать нормальную систему ротации никто не решился. Кроме СОН-а, который в форуме предложил использовать чей-то код, написанный для чередования баннеров разных систем.

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

В двух словах о донной ротации. Это упрощенный до предела код, изымающий из моей службы ротации коды по номеру "гнезда".
Каждому месту на сайте присваивается свой уникальный номер гнезда и под этот номер в базу заливаются html-фрагменты, которые потом показываются по мере обращения к той или иной странице. На каждое гнездо может быть залито разное количество html-фрагментов, имеющих разные свойства: кол-во показов, приоритет, таргетинг и прочее. Почти как в любой баннерной сети.

Кстати, на своих сайтах вы можете пока использовать ротацию на основе системы adriver.ru, разработанную теми же специалистами, что и небезызвестную баннерную сеть RLE.

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

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

А я пока добавлю свою функцию в класс out, которая так и называется — out_rotate(), и принимает она в качестве аргументов два числовых значения: номер акаунта в моей системе ротации и номер гнезда, из которого нужно изъять на сайт очередной фрагмент html- или другого какого кода. Моя система крутить все: от графики до кодов чужих баннерных систем и даже исполняемых скриптов.

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

Так, добавил...

Теперь давайте вставлять рекламу, что ли...

Начнем с головы.

Где-то в выпусках о дизайне мы рисовали небольшую схемку сайта. Вот, если я правильно помню, то широкие баннеры у нас должны быть сверху и снизу. К ним же можно приклеить и короткие дополнения — 120x60.

Давайте для верхней рекламы создадим свой inc-файл. Если быть точным, то он у нас уже есть — adv_top.inc —, только пустой. Заполним его вот таким html-фрагментом-табличкой:


15 — это номер акаунта, а вторые числа — номера "гнезд". Уже можно наблюдать на сайте http://php.kurepin.ru баннеры сетей XBN и RLE. Причем, показываются они в соотношении 1/2.

Файл adv_bottom.inc оформим тем же манером, только вставим другие номера "гнезд":


Нижний широкий баннер — сеть ALBN, созданная мной на паритетных началах с Дмитрием Кравчуком.

Так... ну все прямо ожило... все задергалось, все забегало. Замечательно!

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

Теперь надо добавить рекламу квадратных баннеров. Куда бы нам их... а давайте справа, под рубрики их вставим. То есть в главное меню. Вставим в виде inc-файла adv_right, который будет содержать вот такой простенький код:


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

Файл adv_right.inc можно вставлять во все файлы в месте построения правой колонки, а можно подвязать к главному меню — файлу main_menu.inc. Я пока остановлюсь на втором варианте, он меня устраивает.

Вот, теперь у нас и квадратики RLE крутятся.

Перешел в раздел "новости" и убедился, что все баннеры присутствуют и там. Значит все было сделано правильно.

Надо еще разместить "небоскреб". Ну, для этого формата принято отдавать правую колонку, за пределами контента.

Как это сделать? Для этого нам надо в главную таблицу форматирования нашего сайта надо добавить еще одну колонку (<td>).

Сейчас я попробую это сделать, но надо определиться — мы сохраним динамическую ширину сайта или сделаем ее фиксированной?

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

Я остановлюсь на фиксированной ширине, из расчета разрешения экрана 800x600 точек (пикселов).

Математика такая. 800 — ширина экрана, минус сорок точек на рамки браузера и другие отступы. Получаем 760 пикселов, к которым прибавляем 122 пиксела под высокий баннер и отступ от основного контента. Получается, что ширина обрамляющей таблицы у нас будет равна 882 пиксела.

Теперь к делу. Как нам добавить правую колонку для "небоскреба"?

Можно добавить в файл top.inc и bottom.inc обрамление всего сайта еще одной зажимающей таблицей, например. Так и поступим!


Это начало таблицы, которое надо вставить в top.inc перед началом первой таблицы.

А в bottom.inc надо добавить закрытие этот <td> и добавить второй, содержащий баннер. Не забудьте, что в обеих ячейках надо поставить выравнивание по потолку.

Получаем:


Вот так вот!

Спрашивается, почему я вставил вызов рекламного блока напрямую из bottom.inc, а не через дополнительный рекламный файл?

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

Кстати, можно было бы не создавать обрамляющую таблицу, а поступить гораздо разумнее. Знаете как? Даю подумать, потом переделаем.

Все, рекламой обложились с ног до головы! :)

Завтра займемся счетчиками и подумаем над контентом сайта. Ибо, без контента наш сайт напоминает выставку рекламы.

До завтра!

P.S. Простите, если получился сумбурный выпуск, все время отвлекали...

[шаг назад] [печатать] [в начало сайта]



copyright ©2000-2017 Ruslan Kurepin