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

Если помните, вчера было мной сказано, что рекламная полоса Nolix'а имеет мало настроек, то есть качественно вписать в дизайн ее будет сложно. То была речь о системных настройках в контрольной панели Ноликса. Но у нас есть еще и прямые руки (ну или почти прямые), благодаря которым мы можем сделать, что пожелаем.

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

И был процитирован пункт из FAQ:

То есть объясняется вся ситуация следующим образом: делайте со строчкой что хотите, просто если она не будет бросаться в глаза или будет иметь низкий CTR (процентное соотношение кликов к просмотрам), у вас никто не купит рекламу.

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

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

Ссылка рекламируемая имеет свой класс, ссылка покупки без класса. То есть редактировать через CSS их можно по отдельности. Есть один минус: стили заданы через параметр "style", а он имеет больший приоритет, чем идентификаторы или классы в таблице стилей.

Первое что пришло в голову - бороться с джаваскриптом другим джаваскриптом. Этот способ уже даже работал, но вдруг я вспомнил про конструкцию !important. Это, скажем так, волшебное слово, значительно увеличивающее приоритет свойства, значение которого задано с использованием этого самого слова. Немного запутано, сейчас начну объяснять, все поймете.

Для начала оберните ваш скрипт в DIV с каким-либо идентификатором. Для удобства я использовал идентификатор "nolix":

Естественно, скрипт должен быть ваш (хотя, там различаться только id будет).

Теперь работаем с CSS. Для этого, естественно, нужны знания того, как это делать. Работать придется с тремя селекторами: для общего контейнера, для ссылки рекламируемой и для ссылки покупки.

Для начала разберемся с основным: ссылками.
Селектор рекламной ссылки - #nolix a.nolix. То есть, если мы хотим изменять свойства ее, в CSS пишем:

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

Мы сделаем так, чтобы убиралось подчеркивание при наведении на ссылку.

Аналогичным образом работаем с ссылкой для покупки. Только теперь селектор будет выглядеть как #nolix a.
Возможности все те же, что и с рекламируемой ссылкой.

В строчном стиле к ссылке покупки задан отступ сверху свойством margin-top. Чтобы уменьшить высоту строки, нам надо уменьшить и этот отступ:

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

После недолгих раздумий решил все сделать на CSS, тем более, что нам нужно побаловаться с отступами. Так как работать необходимо непосредственно с DIV'ом, который внутри идентифицированного DIV’а, соответственно и селектор мы будем использовать #nolix > div. Для примера показываю, как задавать прозрачность:

Вот. Это, наверное, все. Работая с тремя вышеперечисленными селекторами, можно добиться разных вариантов отображения рекламной строчки. Еще раз напоминаю, что необходимо завернуть скрипт в DIV с идентификатором и что ваша рекламная строчка должна не только вписываться в дизайн, но и быть привлекательной для рекламодателей. И да, не забывайте использовать !important.

Кстати, этим летом задался вопросом, как провести время в деревне. Почитал этот пост и вспомнил себя, ну ее, эту деревню.

Если у вас остались какие-либо вопросы по вышенаписанному, отписывайтесь в комментах, постараюсь помочь.

Upd: У одного из читателей возник вопрос, как сменить текст второй ссылки (та, при нажатии на которую можно купить рекламу в строчке). Я решил не делать из этого тайну, тем более, что здесь как раз пригодится джаваскрипт, который я так долго пытался хоть куда-нибудь пристроить.

Сразу после скрипта Ноликса нужно вставить еще один скрипт. Я сделал так:

То есть вместо строки "Добавьте сюда вашу рекламную строчку всего за 1 $ !" у меня теперь висит "Разместить свою ссылку здесь стоит от $0.0016 за показ!". Этим я никого не обманываю, так как у меня цены установлены таким образом, что чем больше показов покупается, тем дешевле. 500 показов стоит $1, а 10000 показов - $16. Естественно я, по всем правилам рекламы, показываю минимальную цену

Уважаемый посетитель, вы зашли на сайт как незарегистрированный пользователь. Оставленные комментарии отправляются на модерацию. После регистрации появится возможность попасть в список Комментаторов.