Сегодня будем облагораживать ссылки биржи sape.ru. Известно, что uCoz пока не поддерживает блочный вывод ссылок на своих сайтах. Это изрядное упущение, так как вид ссылок в виде блока более конкурентоспособен, нежели старый линейный способ вывода.
На данный момент есть возможность на сайтах uCoz придать ссылкам Sape более презентабельный вид, и соответственно, увеличить свой доход. При этом у ссылок останется та же функциональность, что и была до модернизации. Наша задача - сделать эти ссылки заметными при помощи JavaScript.
Что нам потребуется:
Если вы читаете этот материал и задались таким вопросом, предполагаю, что аккаунт Sape и сайт на uCoz, продающий ссылки, у вас уже есть. Остается дело за малым - аккаунт на websnapr.com.
WebSnapr.com - ресурс, позволяющий делать скриншоты сайтов в онлайн режиме. Отрабатывает достаточно быстро, а снятые скриншоты хранит длительное время. К тому же, для наших нужд он бесплатен. В случае, если ресурс на момент прочтения окажется недоступен, нужно будет найти другой ресурс.
Итак, проходим по этой ссылке и регистрируемся.
На введенный email придет письмо со ссылкой на активацию аккаунта. Щелкните по ней.
Вы перейдете на страницу, где будет ваш Developer Key:
Запишите его. Он нужен будет для формирования скриншотов к сайтам.
В SAPE, в разделе настроек площадки, нужно выставить разделитель ссылок. Лучше, если это будет тег <br> или тег <hr>. В нужный раздел вы можете попасть по следующему пути: Ссылки - Веб-мастеру - кнопка "Настройки" пощадки - закладка "Отображение".
Этап подготовки закончен. Теперь приступаем к подключению скрипта.
Следующий код нужно разместить в том месте, где собираетесь показывать проданные ссылки:
Код $DCODE_1$ нужно заменить на свой код экспорта ссылок с SAPE. Файлы jquery.sapeblock.js и horizsample.css можно переместить на свой хостинг. Файл websnapr.js перемещать на свой хост не стоит. В нем формируется динамический хеш на формирование скриншота.
Параметры вызова скрипта:
Параметры classes:
Вы всегда можете изменить внешний вид блока ссылок меняя свойства CSS. Для удобства, было создано 2 варианта CSS-стилей:
Вот так будут выглядеть ссылки, после обработки скриптом:
После такой доработки, ссылки SAPE на uCoz будут выглядеть более респектабельно. Соответственно, их будут охотнее покупать. При этом, ссылки будут выполнять ту же функцию, что и до переделки.
На этом все. Удачи в свершениях!
Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.
x;z-index:1 }Иммитация блока ссылок SAPE для UCOZ
Скрипты
Скрипты, инструкции, справочники
Категория: | Скрипты |
Просмотрено: | 68230 |
Рейтинг: | 5.0/11 |
Дата добавления: | 2011-10-11 08:26, Вторник |
Добавил: | Szen |
Теги: | блок ссылок, WebSnapr, sape, ucoz |
№ 0 | 2011-10-11 08:26 |
Szen![]() | Здесь вы можете задать вопрос или оставить комментарий по теме "Иммитация блока ссылок SAPE для UCOZ". |
Гость |
№ 2 | 2011-11-28 10:04 |
Szen![]() | cooper, ну и флудер же вы! Зачем столько сообщений? Я и комменты неплохо вижу. Решал задачу. В общем, обновляйте коды. Скрипт и стили я поправил. |
Szen |
№ 3 | 2011-11-28 10:59 |
cooper![]() | .sape-item{ border: 2px solid #0000ff; margin-bottom: 5px; width: 180px; поменял и опять х... font-size: 10pt; padding: 5px; position: relative; display: block; прости за флуд |
Юрий |
№ 5 | 2011-11-28 11:13 |
Szen![]() | cooper, делайте так: Code <center><div class="sape-block">тут_код_импорта</div></center> |
Szen |
№ 6 | 2011-11-28 11:23 |
cooper![]() | спасибки, до этого так делал и скрин пропадал. Еще вопросик если можно, DCODE_1 если ссылок много то нужно DCODE_2 3 и так далее или ошибаюсь или тупо DCODE_1 везде |
Юрий |
№ 7 | 2011-11-28 11:25 |
Szen![]() | Quote (cooper) Еще вопросик если можно, DCODE_1 если ссылок много то нужно DCODE_2 3 и так далее Достаточно одного кода. |
Szen |