15 апреля 2010
Запись из категории 'Посещаемость и юзабилити'

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

Давайте рассмотрим первый и универсальный для любого движка способ установки блока своих тизеров на собственный сайт. Будем использовать скрипт информера от Ucoz.

Вообще людям, которые довольно долго “общались” на языке php запросов со своим WP, довольно бывает непросто понять структуру Юкоза и способ работы с данными в нем. Я ощутила это на себе, поэтому опишу работу над информером почти с самого начала.

“Почти” – потому что я не буду описывать процесс регистрации. Я думаю, что уж этот этап каждому по силам пройти самому.

Этап нулевой – Регистрация

Если у вас еще нету аккаунта на ucoz.ru, то зарегистрируйтесь. Я пока досконально не понимаю их систему, но кроме пароля юзера у них есть пароль администратора вебтопа. Предупреждаю на тот случай, чтобы вы не запутались (лично я – запуталась), поскольку эти пароли вроде бы должны быть разными.

Этап первый – Заводим сайт

А точнее – заводим домен третьего уровня на Юкозе.

По идее, если вы занимаетесь разработкой сайтов на Юкозе, вы можете завести информер на одном из существующих сайтов. Но мне все равно кажется, что для создания нечто похожего на “тизерную сеть”, удобнее будет завести отдельный сайт.

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

Для того, чтобы создать сайт, вам нужно залогиниться на Ucoz.ru. После этого он перенаправит вас на интерфейс Вебтопа (где, возможно, нужно будет ввести пароль для админа вебтопа). Вебтоп выглядит так же, как ваш рабочий стол в Windows, там даже обои можно менять.

Создаем сайт – элементарно, на три счета (картинку можно увеличить).

Регистрация сайта на ucoz1. Кликаем дважды “Создать файл” на вебтопе.

2. Придумываем сайту имя и указываем желаемый домен юкоза.

3. После подтверждающего сообщения переходим по нажатию кнопки в панель управления сайтом.

Регистрация сайта на ucoz Поскольку сайт новорожденный, вас попросят дать ему имя, выбрать дизайн и язык, а следующим шагом и указать нужные модули. Я указываю “Редактор страниц” – “Фотоальбом” – “Каталог статей”. Насколько я понимаю, это те модули, которые будут добавлены в структуру сайта. Все эти параметры можно в дальнейшем менять.

Этап третий – Создаем фотоальбом (= будущая база данных по тизерам)

Фотоальбом нашего сайта на Юкозе фактически будет служить базой данных для наших тизеров. По этой причине продумайте сразу, на какие категории вы разделите тизеры – так будет гораздо удобнее управлять ими. В дальнейшем в ротацию можно будет ставить одну или сразу несколько выбранных категорий.

Создание фотоальбома

Через левое боковое верхнее меню войдите в “Фотоальбомы”.

Создание фотоальбома

Здесь для начала нам понадобится сделать кое-какие настройки размеров. Идем в “Настройки модуля”.

Создание фотоальбома

Там видим кучу всяких настроек, но нас интересуют сейчас только размеры. На картинке вы видите, как настроены размеры у меня. Поясню.

“Размеры демо-картинки” – это фактически размер наших тизеров. Картинка будет подогнана под указанные размеры в точности – то есть, если нужно, она будет ужата Юкозом или обрезана, но обе ее стороны при загрузке станут равными той величине, которую вы для них указали.

“Размеры фотографии, выводимой на отдельной странице” и “Максимальные размеры полного изображения” – это поля не принципиальные. К тому же картинка не будет подогнана в точности под размеры – просто большая сторона картинки будет уменьшена до указанной с сохранением пропорций.

Тип уменьшения изображений – лучше выбрать “Обрезание”, потому что, по моему скромному мнению, “Сжатие” выглядит ужасно (это подгонка с деформацией фото, изменением его естественных пропорций).

Имейте ввиду, что если вы поменяете что-то из этих параметров в дальнейшем, то уже загруженные вами “старые” фото не будут переправлены в соответствии с новыми данными.

Создание фотоальбома

После этого разбираемся с нужными нами категориями.

Стандартные для Юкоза “Мои фотографии” и “Моя семья” нужно удалить или переименовать. На их месте нужно создать тематические категории под ваши тизеры. Вы можете, допустим, группировать их по сайтам, к которым они относятся, или по тематике. Имейте ввиду – один и тот же тизер не может принадлежать к двум категориям.

Не перепутайте “Добавить раздел” и “Добавить категорию” – добавлять нужно именно категорию. Разделы – это способ группировки самих категорий, в них нельзя добавлять тизеры.

Создание фотоальбома

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

Этап четвертый – Добавляем тизеры

После того, как завели нужные категории, начинаем добавлять сами тизеры.

11

Для этого возвращаемся в начало модуля “Фотоальбомы” и нажимаем “Добавить материал”.

12

1 – Категория для тизера.

2 – Тизер (картинка). Удобно, что можно загрузить тизер как с жесткого диска компьютера, так и с сайта (переключитесь на “Файл в интернете”).

Но хочу сразу предупредить – внутренний обработчик фотографий у Юкоза не слишком церемонится с фотографиями. При обработке больших фоток он очень их “пережимает”. Лично я уменьшаю и обрезаю фотки вручную (в данном случае до размера 200*200, остальное вверяю юкозу).

Но если качество тизеров для вас не играет особой роли, тогда грузите изображения, не обрабатывая. Поскольку мы выставили нужные размеры, картинка обрежется “сама”.

3 – Заголовок тизера. Это та самая надпись, которая будет показываться под картинкой. Можете написать что-нибудь интригующее. ;)

4 – Адрес страницы. В поле “Краткое описание” пишем URL для статьи, на которую будет вести этот тизер. Пожалуйста, внимательно скопируйте эти данные из строки браузера и не ставьте дополнительных пробелов или других символов ни до, ни после ссылки. Иначе ссылка не будет работать.

5 – Загрузка нескольких картинок. Если вы загружаете несколько тизеров в одну и ту же категорию, то жмите на этот “плюсик” – появятся дополнительные поля для добавления (до 10 картинок за одну такую загрузку).

После загрузки фоток (кнопка “Добавить”) вы останетесь на той же самой странице. Поэтому если вы продолжаете грузить тизеры, нажмите перед этим кнопку “Очистить”, иначе вы продублируете уже добавленное.

Этап пятый – Оформляем информер

Предпоследний этап. Сейчас мы создадим блок наших тизеров с помощью информера.

13

Возвращаемся в главное меню, а оттуда идем в раздел “Информеры”. Нажимаем там кнопку “Создать информер” (вверху справа). Поначалу вы увидите только два поля для заполнения – “Название информера” и “Раздел”.

В качестве раздела выбираем “Фотоальбомы”. После этого станут доступны для редактирования и другие параметры информера.

Нажмите на ссылку “Дополнительные опции”, чтобы развернуть форму целиком.

12

1 – Название информера (тизерного блока).

2 – Раздел. Выбираем “Фотоальбомы”.

3 – Тип данных. Выбираем “Материалы”.

4 – Способ сортировки. Если у вас много тизеров и вы хотите, чтобы они менялись (ротировались), то нужно выбрать “В случайном порядке”.

5 – Количество материалов. Тут вам нужно указать общее количество тизеров, которые будут в вашем блоке. Я выбрала 5, но количество может быть любым.

6 – Количество колонок. Чаще всего встречаются вертикальные блоки тизеров – в сайдбаре. У меня как раз указана 1 колонка – для вертикального тизерного блока из 5 тизеров. Но если у вас широкий сайдбар, то по ширине блок может составлять 2 или 3 тизера (в этом случае укажите в предыдущем пункте кратное число, чтобы количество тизеров в каждой колонке было равным). Если же вы будете размещать тизеры горизонтально, соответственно вы можете выбрать, например, 5 колонок.

7 – Список ID категорий. Идентификаторы (ID) категорий можно посмотреть внутри модуля “Фотоальбомы” – “Управление категориями”. У меня две категории, и я хочу, чтобы фотографии из них обеих крутились внутри этого блока тизеров, поэтому я указала их номера через запятую.

8 – Список ID категорий. Аналогично предыдущему пункту можно указать и конкретные тизеры. ID тизеров можно посмотреть внутри модуля “Фотоальбомы” – “Управление материалами”.

9 – Длина заголовка. Если хотите, можно ограничить длину заголовка каждого тизера.

Заполняем все и нажимаем “Создать”.

Этап шестой – Код информера

И вот, мы на финише.

13

Вам нужно кликнуть по ссылке “Шаблон информера” и в появившемся окне заменить код на такой:

<div align="center"><a href="$PHOTO_DESCR$">$PHOTO$</a></div><div align="center" style="padding-top:3px;padding-bottom:5px;font:7pt"><a href="$PHOTO_DESCR$" title="$PHOTO_NAME$">$PHOTO_NAME$</a></div>

После этого остается лишь забрать java-код информера и поставить его в нужное место своего сайта.

14

Для этого кликаем по заголовку информера. Копируем код из окошка и ставим его на свой сайт. Код будет примерно таким:

<script type="text/javascript" src=http://ваш сайт.my1.ru/informer/1-1></script>

Ура, теперь у нас есть свои тизеры на сайте! :D

Стиль этого тизерного блока подстроится под css вашего сайта.

В дальнейших выпусках, посвященных тизерам, я планирую рассказать о плагинах WP, которые позволяют прикрутить ротацию тизеров на сайте, возможно, что-нибудь о css оформлении блоков, а также о том, какие материалы ваших (или не ваших ;) ) сайтов стоит раскручивать с помощью подобных тизеров.

Комментируемые статьи


Комментарии:
48 комментариев к записи "Тизеры при помощи информера ucoz"
Sonya оставил(а) комментарий 15 апреля 2010 в 21:26 #

Даша, большое тебе человеческое спасибо!
С юкозом я никак не подружусь, а информеры очень нужны… Буду пробовать на днях, обязательно отпишусь здесь о результатах; прочитала инструкцию, и даже вопросов не возникло :) . Еще раз спасибо!


Sonya оставил(а) комментарий 15 апреля 2010 в 21:31 #

Вернулась, решила все-таки озвучить свои ощущения после прочтения записи. Как будто бы мне миллион подарили – просто так. Сокровище, а не статья.


Wisenteta оставил(а) комментарий 15 апреля 2010 в 21:31 #

Даш, спасибо тебе огромное, обязательно попробую сделать себе нечто подобное… Открыла я этот юкоз, с горем пополам сменила дизайн и… закрыла. Еще раз спасибо!!!!!!!!


Dashline оставил(а) комментарий 16 апреля 2010 в 6:26 #

Пользуйтесь на здоровье! Возникнут вопросы – задавайте, отвечу.


Вадим оставил(а) комментарий 17 апреля 2010 в 11:16 #

А я не догадывался сделать описание материала ссылкой) Спасибо за наводку.
Картинки можно еще архивом загружать, потом редактировать.


Emogirl оставил(а) комментарий 17 апреля 2010 в 11:24 #

Без посещений аккаунт закруют, так что чуток контента обязательно надо.


Dashline оставил(а) комментарий 17 апреля 2010 в 12:08 #

Вадим, на здоровье. А картинки архивом загружать – надо попробовать, правда, там потом не запутаешься подписывать их – что к какой статье относится?

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


annin оставил(а) комментарий 17 апреля 2010 в 13:49 #

Спасибо, Дашенька! Всегда думала, что сделать тизеры очень сложно, если бы кто раньше сказал, что это ТАК просто, уже давно бы стояли на моих сайтиках. Пошла делать. Респект!


Seo-girl оставил(а) комментарий 21 апреля 2010 в 15:36 #

Даша, у тебя, как всегда, потрясающе интересная и максимально подробная статья. Спасибо!
Я вообще не люблю юкоз, как-то у меня с ним не сложилось… но после такого описания очень захотелось вновь к нему вернуться и взглянуть с новой стороны ;)


Dashline оставил(а) комментарий 21 апреля 2010 в 15:47 #

Лера, я сама к Юкозу отношусь с опаской (плохо его понимаю), но после знакомства с информерами я всерьез заинтересовалась системой. Правда, для внешних возможностей там ничего больше нет, но меня там еще пару вещей интересует внутри самой системы.


Stiler оставил(а) комментарий 29 апреля 2010 в 7:46 #

Даша, спасибо за подробный отчет по юкозу! Сам сейчас на нем веду свой блог, попытаюсь реализовать тизеры через информеры. Можно уточнить: вы сами додумались до создания тизеров или кто – либо подсказал?


Dashline оставил(а) комментарий 29 апреля 2010 в 8:12 #

Stiler, про сам факт существования скрипта информера и его использование узнала от девочек с нашего форума http://webledi.ru/forum/

Потом изучала информер самостоятельно ))


anlw оставил(а) комментарий 30 апреля 2010 в 21:05 #

Ну вот опять я озадаченная. )) Так табличкой с картинкой и подписью с сайта на сайт трафик сливала. А тут оказывается, такая штука имеется. Придется осваивать. )))


Dashline оставил(а) комментарий 1 мая 2010 в 7:39 #

anlw, да, очень удобно, что там есть ротация и группировка. Можно несколько разных блоков сделать с одними и теми же тизерами. В общем, все по-взрослому. :)


Wisenteta оставил(а) комментарий 2 мая 2010 в 21:28 #

Что-то я так и не добралась до информеров, Аннин уже меня уговаривает заняться этой полезностью, а руки так и не дошли. Мне тут на днях пришлось пройти одну малоприятную процедуру под общим наркозом, в это время «приснилось», что мы делаем с тобой общий сайт )) такой симпатичный, в светлых тонах, ну описать это словами я не смогу. Хороших тебе сайтов, красивых, посещаемых и доходных!


Марина13 оставил(а) комментарий 5 мая 2010 в 16:52 #

Странно, все делаю в точности по инструкции,но тизеры у меня не отображаются?….


Dashline оставил(а) комментарий 5 мая 2010 в 17:00 #

Марина13, проверь все еще раз, значит, не совсем по инструкции (или не туда тизеры вставила). Не знаю, как еще помочь.


Марина13 оставил(а) комментарий 5 мая 2010 в 17:15 #

Даша, я вставляю код в сайдбар – правильно?


Dashline оставил(а) комментарий 5 мая 2010 в 19:04 #

Марина13, можно и в сайдбар. Если хочешь, можешь прислать мне адрес твоего сайта на Юкозе, и админский логин-пароль (потом сменишь, я просто не знаю, как по другому на Юкозе можно в админскую панель доступ дать) – я посмотрю что ты сделала. Вслепую помочь не могу. Шли в личку на форуме.


Марина13 оставил(а) комментарий 6 мая 2010 в 8:14 #

Даша, спасибо за классную статью и за помощь!!!


Она самая оставил(а) комментарий 20 мая 2010 в 8:39 #

Даша спасибо!
скажи плиз а вот если я уже код разместила на сайте, но потом захотела еще добавить материал, на сайте он автоматом не появляется, нужно заново код формировать?


Dashline оставил(а) комментарий 20 мая 2010 в 9:16 #

Она самая, нет, все обновится само. Просто информеры Юкоза обновляются очень медленно. Обычно это 15-30 минут. Но еще надежнее будет посмотреть через часок после того, как добавлены новые тизеры – вот тогда они точно уже будут показываться. *YES*


Она самая оставил(а) комментарий 20 мая 2010 в 9:24 #

ок, понятно…а скажи как сделать чтоб картинки на сайте отображались без сжатия? я их уменьшила до 200 а они все равно сжимаются и некрасиво получается.


Dashline оставил(а) комментарий 20 мая 2010 в 9:31 #

Она самая, никак. Только уменьшать до нужных размеров сразу (то есть совсем маленькие загружать), и то будут искажения. Таков Юкоз.

Пользователи мало обращают внимания на качество тизеров. Им важнее сюжет картинки и подпись под ней, чем ее красота.


Она самая оставил(а) комментарий 20 мая 2010 в 9:36 #

Спасибо, пойду строгать ;)


anemona оставил(а) комментарий 27 мая 2010 в 0:56 #

Даша, огромное тебе спасибо))) Только что закончила оформлять свои сайты информерами, теперь любо-дорого смотреть)) *KISS*


Dashline оставил(а) комментарий 27 мая 2010 в 10:15 #

anemona, пожалуйста! *REV*


Rivoi оставил(а) комментарий 6 июня 2010 в 20:04 #

Большое спасибо за такой полезный урок ! Все отлично получилось ! *DANCE*


Kate оставил(а) комментарий 7 августа 2010 в 9:20 #

Сделала точно по инструкции но ничего не отображается. Прото пустой блок получается. Или просто надо подождать какое-то время??


Dashline оставил(а) комментарий 7 августа 2010 в 10:08 #

Kate, при создании нового блока тизеры должны появиться сразу (задержка может быть только когда уже созданный блок как-то меняют, юкоз медленно сохраняет изменения). Значит, все-таки что-то не по инструкции. В прошлый раз, когда ко мне обратились с вопросом по поводу того, что не показываются тизеры, оказалось, что не указаны ID категорий (пункт 7 на этом рисунке http://dashline.name/wp-content/uploads/2010/04/121.jpg ).


Kate оставил(а) комментарий 7 августа 2010 в 11:16 #

Это не статья а просто праздник какой-то!!! Спасибо за такое простое и детальное описание!

Я и правда не ту категорию указала, разобралась сама быстро. Теперь все работает идеально!!


Kate оставил(а) комментарий 7 августа 2010 в 11:19 #

и еще один вопрос – правильно ли я поняла что яндекс эти ссылки не увидит??


Dashline оставил(а) комментарий 7 августа 2010 в 11:58 #

Kate, на здоровье. :)

Да, ссылки эти выводятся скриптом – так же, как, например, тизерная или контекстная реклама. Робот поисковика может теоретически пройти по этим ссылкам (боты Гугла так делают), но вес по ним передаваться не будет.


Artemida оставил(а) комментарий 8 сентября 2010 в 23:01 #

Дашечка!!!!!!!!!! *KISS* Ночь провела, читая твою статью и экспериментируя, а в результате:
1. создала примитивный пока сайт на юкозе (до этого с нм же не работала вообще)
2. на моих сайтах теперь красуется собственная тизерная сеть *WASSUP*

Ты просто гений!
Кстати, вопрос назрел: а можно через такую тизерную систему трафик на сайты лить?
Я так понимаю, что эти люди будут тому же Гуглу на моих сайтах видеться, как зайденные по определенным словам (т.е. тем, что указаны в тизерах) или нет?
Не запрещено ли такое?

И Даша, котик, возвращайся на форум. Нам тебя там так не хватает. :( :( :-x


Dashline оставил(а) комментарий 9 сентября 2010 в 9:19 #

Artemida, Лена, рада, что все получилось. *KISS*

Трафик лить теоретически можно, вот только со статистикой будут определенные проблемы. И ты про какой трафик имеешь ввиду – дать кому-то код своих тизеров и получать от них трафик, так? В этом случае любая система статистики будет показывать тебе заходы с какого-то стороннего сайта. Проблема только в том, что все эти системы статистики неточны, поэтому могут быть непонятки с теми людьми, которые тебе трафик отправляют.

Про Гугл не поняла твой вопрос, прости. *PARDON*

На форум вернусь, но немного попозже. *HEART*


Odessika оставил(а) комментарий 15 сентября 2010 в 10:06 #

Огромнейшее спасибо!!!!! Все получилось!! *KISS*


Ольга оставил(а) комментарий 18 сентября 2010 в 1:41 #

А как сделать чтобы картинка была сбоку от текста? Что-то я крутила крутила код и никак… *UNKNOWN*


Dashline оставил(а) комментарий 22 сентября 2010 в 10:35 #

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


Виталий оставил(а) комментарий 26 января 2011 в 13:21 #

Извините, я не понял а куда вставлять последний код на свой сайт, конкретно напишите куда ???
спасибо


Dashline оставил(а) комментарий 26 января 2011 в 21:06 #

Виталий, я не могу конкретнее. Код нужно поставить туда, где должны тизеры появиться. Это знаете только вы. *PARDON*


школоло оставил(а) комментарий 7 февраля 2011 в 23:12 #

Статья отличная! Я сделал через ротатор баннеров,потому что есть статистика. Фото альбом тоже хорош, но плохо, что нельзя отслеживать просмотры/клики каждого тизера!


Марси оставил(а) комментарий 22 февраля 2011 в 9:40 #

Dashline , а статья про тизеры на ворд прессе уже есть? кинь ссылочку, плиз :)
Очень хочу горизонтальные тизеры сделать, но с оформление таблички никак справиться не могу :) ))


Алёна оставил(а) комментарий 5 мая 2011 в 8:20 #

Даша, спасибо большое!!!! Статья про тизеры просто великолепная, теперь смогу наконец крутить трафик внутри своей сетки сайтов *KISS*


Елена оставил(а) комментарий 7 мая 2011 в 18:32 #

Даша, твоя статья у меня почти на первом месте в закладках – возвращаюсь к ней снова и снова и людям советую попробовать! Ты реально просто Сокровище и огромная молодчина! *KISS*


Dashline оставил(а) комментарий 7 мая 2011 в 18:45 #

Лена, спасибо! *REV* *SHY* *HEART*

И рада тебя видеть. Не могу сказать «заходи почаще», поскольку сайт не обновляю, но через месяц-два, наверное, уже буду. Заходи в гости! *KISS*


marissabel оставил(а) комментарий 29 мая 2011 в 21:41 #

Пришла и я со своим супер-пупер-мега-спасибо:) Давно уже мечтала сделать что-то такое, но все как-то страшно начинать было:) А с таким руководством – не работа, а сплошное удовольствие. *KISS*


marissabel оставил(а) комментарий 29 мая 2011 в 21:46 #

Только вот такой вопрос назрел: а нельзя сделать так, чтобы при нажатии на тизер сайт открывался в другой вкладке? Или это я уже слишком много хочу? :-)


Ксения оставил(а) комментарий 6 ноября 2011 в 10:09 #

СПАСИБО ОГРОМНОЕ!!!!
я раньше на своем самом раскрученном проекте вручную добавляла «как бы тизеры» на отдельных страницах, ссылающиеся на другие мои проекты. Извращение %)
Теперь рекламировать свои другие проекты будет проще простого!!!
Еще раз ОГРОМНЕЙШЕЕ СПАСИБО!!!!!!!!


Поговорите со мной

Имя: 
E-mail: 
Ваш вебсайт (если есть): 
Правила комментирования
Комментарий: