Дополнительная Монетизация Сайта

Нынче в моду входит новый метод монетизации сайтов – рекламная полоска в верху страницы:

stripe-demo.JPG

Довольно ненавязчиво, но все же внимание привлекает. Задался вопросом, как сделать такую вот штуку.

Для блоггеров, юзающих WordPress, все очень просто. Качаем плагин отсюда, устанавливаем, активируем, настраиваем (на данный момент у разработчиков проблемы со страницей плагина, но есть запаска). Для остальных нужно будет слегка повозиться (спасибо автору блога «I Help You Blog»), но займет это не более 2 минут.

Открываем шаблон наших страниц (это может быть header.php) и где-то повыше в коде добавляем строчку:

<div id=“stripe-ad-top”>[Сюда вставлять объявление]</div>

Далее открывает файл стилей (style.css) и вставляем туда следующее:

#stripe-ad-top {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 17px;
background-color: #FFFFE1;
color: #0000FF;
border-bottom: #000000;
padding: 5px 0 5px 0;
text-align: center;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
}
html > body #stripe-ad-top {
position: fixed;
}
#stripe-ad-top a:link, #stripe-ad-top a:visited {
color: #0000FF;
background-color: transparent;
}
#stripe-ad-top a:hover {
text-decoration: none;
}
body {
padding-top: 17px;
}

Все. Вот так просто. Код можно подредактировать, поменяв цвета и т.п. вещи, максимально настроить все под дизайн сайта.

Внимание: на сайте функционирует интересная галерея, новые поступления в которую приходят ежедневно.

Прочитали пост? Правильно. Но лучше еще и на RSS подписаться!


Post to Twitter

Комментариев: 24

  1. Дмитрий, спасибо за наводку.
    Плагин отлично встал, можно приглашать рекламодателей :)

  2. Респект за плагин. Раньше пробовал добавить код в шаблон, но ничего не получалось. теперь для этого нудно пару кликов.

  3. Такие полоски Бегун дает, только не всем, насколько я понял.

    Зря, я бы себе повесил :) Куда лучше, чем бегуновские блоки вставлять, особенно если на цветовом контрасте с сайтом сыграть.

  4. Пасиб, но так ведь можно выводить и любимую некоторыми противниками IE надпись о предложении поставить, что-нибудь получше чем IE ))

  5. Поставил себе такой же. пасибо! Ненавязчиво но заметно..)

  6. А чью рекламу вешать? %) Любую?

  7. Virtual, да как угодно можно использовать ;)

    Гомельский бомж, например, партнерскую ссылку или найти рекла.

  8. никто не знает можно ли переписать код чтобы он не использовал css?

  9. Одесский манимейкер, а чем вас не устраивает css ?
    Ну в общем-то можно и на html все написать.

  10. CSS вполне устраивает, но есть сайты где невозможно внести изменения в CSS.

  11. >Одесский манимейкер:

    Хотя я сейчас подумал, с html могут быть проблемы, поскольку вам необходимо выделить определенную область в шапке, а это можно сделать либо div’ами, либо с помощью таблиц. Хотя если у вас сайт не на div’ах (раз не используете css) то возьмите любой мануальчик по таблицам и сделайте, здесь не особо проблематично.

  12. Осталось подумать над ценой такой рекламы :)

  13. У кого-нибудь работает на WordPress 2.5?
    Поставил – создаю объявления в админке – ноль ошибок, но объявы не отображаются.

  14. “Здесь могла быть ваша реклама”. Больше в голову ничего не приходит.

  15. Спасибо за плагин, не думал, что уже и такое можно придумать :-)

  16. Епт, недавно заказывал подобную вещь, обошлас разработка в 30 у.е., а тут на халяву.

    Респект, только ребят не вешайте все у себя, а то зае… вы еня поняли :)

  17. Отличная вещь!
    Сейчас как раз мониторю блоги – хочу свой компьютерный блог сделать. Новые идеи по рекламе встречаю редко…а эта кажется полезной. Спасибо!

  18. Удобный тип рекламы, такми можно popunder заменить, а то многих он раздражает. Спасибо за плагин!

  19. Идея конечно интересная, но в толк все равно не возьму рекламодателя откуда брать-то? Самому искать и вешать его ссылку/рекламу или подписаться в сеть какую-то надо?

  20. Куку ребят – отзовитесь кто ставит на Вордпресс 2.5 – работает корректно?

  21. Аркадий Ярыгин, это не зависит от движка, здесь вообще никакого взаимодействия непосредственно в цз нет, здесь код вставляется в шаблон.

  22. Перезалейте пожалуйста плагин для WP, а то линк сдох :(

  23. SkyFox, держите

  24. Круто! Классная вещь, автору спасибо!

Откомментировать