среда, 2 февраля 2011 г.

Twitter Widgets

Со времен, когда я завел блог в Твиттере, я начал писать в большой блог значительно реже. Последние полтора года и вовсе ловил себя на мысли, что блог не расслабляет, а наоборот: я прикладываю определенные усилия, дабы "держать планку" и публиковать хоть что-то. И планка такая установилась на 4 постах в месяц. Довольно символично: фактически каждую неделю новый пост.

За всю историю существования блога, я падал ниже этой планки дважды: всего по три новой записи в месяц я осилил в марте позапрошлого года и вот в прошлом месяце. Странно, ведь времени свободного было много, как никогда: почти две недели "зимних каникул". Таким образом, я доказал сам для себя, что если я ничем не нагружен насильно, моя продуктивность снижается ещё больше. Хотя, как и все люди, я откладываю некоторые дела на свободное время, в свободное время я их никогда не выполняю. Поэтому я и ненавижу выходные.

Чтоб как-то смягчить своё частое отсутствие на kichrum.org.ua, я поставил виджет, он выводил сюда последние три записи из моего Твиттера. Якобы "свежие новости моей жизни" или "кратко о главном". И вот на этих каникулах Твиттер заблокировал доступ к себе с моего сервера, от чего мои сайты потеряли возможность публиковать свежие статусы, которые брались через RSS, да и вообще работать с Twitter API.

Когда я писал этот виджет впервые, я ещё не имел практики тесной работы с HTML, CSS и JavaScript, поэтому мне почему-то казалось, что единственно возможное решение репостинга записей микроблога в блог - PHP-скрипт, работающий с RSS. Теперь же, когда сервак забанен, мне пришлось пересмотреть свое отношение ко всему этому.

Сам Twitter предоставляет готовое решение. Но моя аватарка над статусами и этот "Join the conversation" внизу мне не нравится, да и занимает много места в сайдбаре, а не несет никакой информации, что не есть хорошо.

[caption id="" align="aligncenter" width="547" caption="Сравнение разных версий виджетов Twitter"]Сравнение разных версий виджетов Twitter[/caption]

Получилось уж точно не хуже, чем было, не так ли? (В плане интеграции в дизайн) :)

Вырезать верхний и нижний неинформативный блок очень просто. Достаточно в style.css шаблона или прямо перед скриптом, который генерирует Твиттер по ссылке выше, добавить следующее:
<style type="text/css">
/* Выбираем верхний блок */
.twtr-hd,
/* Выбираем нижний блок */
.twtr-ft
/* Отключаем отображение выбранных блоков */
{ display: none; }
</style>

Если виджетов на странице несколько, как у меня, желательно использовать айдишки (#twtr-widget-1, #twtr-widget-2), но это не обязательно.

Вообще display: none - весьма полезная штука для многих виджетов с интернета. Авторы так и норовят впихнуть в свои разработки рекламу или копирайты. Теперь ты знаешь, как от этого быстро и просто избавиться. ;) Я использовал такой подход с KichATM WebMoney (сейчас временно убрал с сайдбара), при раздаче ваучеров Skype (акция закончилась, посему увидеть уже тоже нельзя), в рейтинге участников Евровидения-2009 (здесь использовалось на ряду с обработкой DOM-модели через JavaScript) и прибегал к этому много раз по работе.

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


  • люблю тебя очень сильно!!!

  • учись хорошо.я очень тебя люблю.

  • сегодня 7 месяцев, как мы вместе.. костик, я тебя люблю!

  • хрюшка моя ,люблю тебя ! доброе утро

  • сегодня др у моей мамули. очень тебя люблю, мам.=)) тепла, здоровья и позитива тебе.

  • первый день последнего месяца зимы - кажется, я его люблю. по многим причинам, в том числе и по этой.. -скоро веснаааа!

  • ...



Не знаю, как тебе, а мне бесконечный поток таких вот радостных сообщений постепенно поднимает настроение! Иногда зайду к себе в блог и читаю, читаю, читаю...

Как же это реализовано? Откуда берутся сообщения? Да опять же - это банальный Twitter Widget! На этот раз - по поиску. В данный момент поиск для этой ленты влюбленных происходит по запросу: люблю -"не люблю" её OR его OR тебя OR своего OR свою. То есть ищем слово "люблю" дополненное указанием на живое существо (чтоб было меньше всяких "люблю рекламу", "люблю телевизор") и пропуская твиты о нелюбви к кому-либо. Такие виджеты как нигде кстати будут смотреться, например, на сайтах знакомств!

В общем, за сетью микроблогов скрывается огромный потенциал. Нужно лишь правильно к этому подойти. А как бы применил (или применяешь) твиттер ты?

47 комментариев:

TIgor комментирует...

Спасибо, пошел делать у себя.

Kichrum комментирует...

Рад, что пригодилось. Неожиданно :)

GameMaster комментирует...

Ну да, под стиль твоего блога стандартный виджет смотрелся бы глупо)) а этот так органично вписывается.

Lena комментирует...

Виджет с "люблю", блин отличная идея.

крава комментирует...

этот виджет неплохо смотрится. стандартный бы не так смотрелся.

Евгений комментирует...

Вышло замечательно, смотриться превосходно , попал в стил как раз. Молодец

Oleg комментирует...

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

по сабжу - отличная идея с неплохой реализацией

Sveta комментирует...

"печально лишь то, что Твиттер всячески запрещает рекламные посты…"
и при этом у всех реклама через один твит идёт)

Ника комментирует...

очень симпатично выглядит

rupus комментирует...

Неплохо получилось)

Федор комментирует...

Вообще зачетно вышло, давно с таким удовольствием не читал.

Смени футер комментарий писал чуть меня не вывел

Kichrum комментирует...

Федор, ты не первый, спасибо, учту)))

Agata комментирует...

У меня триттер как-то "не пошел". Не знаю почему. Наверное, потому что не интересно. Слишком короткие там сообщения и видны какие-то обрывки. А хочется узнать собеседника побольше и поситать не только информацию о событии, но мысли и эмоции.

viktor37 комментирует...

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

Anvik комментирует...

Никогда не понимал для чего нужен твиттер. Завел себе акк там, повел 2-3 недели и забросил к чертям.
Не поймешь что, где, кто и как. Ну а прочитать все сообщения - смерти подобно!

film-s комментирует...

У правильного человека все правильно

Анни комментирует...

Надо заняться твиттером... идея прямо-таки отличная и весьма перспективная)

serzh комментирует...

Ну не общаюсь там, но человек 20 траффа в день с него имею)))

Анюта комментирует...

Да! Этот виджет тебе как рас то что надо! Смотрится хорошо.

prototype комментирует...

Медведев пользуется Твиттером, теперь все чиновники им пользуются. Показуха, а надо чтобы было от души!))) Чтобы хотелось написать что накипело!

Костя Дзю комментирует...

Интересно писать свои мысли в блог, может их даже прочитают внуки...

Алексей комментирует...

вообще ззаметная тенденция)) С появлением твиттера многие стали меньше в блогах писать

Anvik комментирует...

Самописный виджет вполне не плох. Я вообще за минимализм!

Goscha комментирует...

Тоже минимализм нравится.)

Ivashenko комментирует...

Черт, а я так и не прониклась всеми прелестями твиттера, в смысле что личный не веду, а клиентские поддерживаю. Виджет неплохой, но пойдет не для всех тематик сайта.

Виталий комментирует...

Спасибо, сделаю у себя! Заинтересовало. Чесно!

Gavril комментирует...

Ну можно поставить побаловаться... Главное чтобы посты не стыдно транслировать было

taras комментирует...

Gavril
ага а то если они большинство продажные, то толку от них на блогге ноль)))

Valenok комментирует...

Прикольно, щас у себя такое сделаю.
Спасибо.

Slymachka комментирует...

А я вот что то вообще забыла и о твиттере и о блоге.
Надо наверстывать упущенное.

chip комментирует...

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

Seg комментирует...

а я все время забываю в твиттер что-то писать... пишу раз в неделю: ну не проперло меня чего-то :(

маркетолог комментирует...

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

Alex комментирует...

Интересно придумано! Надо и у себя попробоватб))

Lyudonka комментирует...

Сережа, для меня твиттер - космос! Как можно в нем разобраться - я так поняла можно и свои записи там транслировать с блога, что не может не привлекать. Только как в нем разобраться, может есть где-то пошаговая инструкция знакомства с этой соц.сетью?

Kichrum комментирует...

Есть, Люда, полно инструкций. Погугли :) фишка твиттера изначально - как раз его простота!

Lyudonka комментирует...

да уже зарегистрировалась - пока только ссылки свои добавляю - на большее не хватает :) но, обещаю - скоро освою!

Igor комментирует...

Классная примочка! Еще не встречал такого хорошего оформления!

Kichrum комментирует...

Lyudonka, ссылки - не есть хорошо. Люди примут тебя за очередной коммерческий твиттер, в котором по определению не будет полезной инфы.

Kirilll комментирует...

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

Суть комментирует...

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

Стас Пикин комментирует...

Думаю, что не особо удачная идея — размещать этот элемент внизу правой колонки.
На то следующая логическая цепочка:
1. Элемент у тебя анимированный.
2. Он может попасть в Правый нижний угол экрана.
3. У пользователей Windows это место — священная корова (системный лоток и область уведомлений).
4. Пользователь ожидает уведомления, ответной реакцией на которое должно быть принятие решения.
5. Пользователь в ступоре.
6. У пользователя взрывается мозг, если анимация по времени совпадает с уведомлением*.

* — как здесь: https://picasaweb.google.com/104129045980653586606/Miscellaneous#5582085523458811618

Kichrum комментирует...

Я внизу просто всякие временные маловостребованные виджеты размещаю. А область уведомлений у меня слева, поэтому даже мыслей не было. Но в чем-то ты прав. Скоро уберу этот виджет вовсе и взрыв мозга прекратиться :)

Альма комментирует...

Вообще твиттером не пользуюсь. У друзей сжирает огромное количество времени. Вместо того чтобы сходить куда-нибудь, сидят в соц сетях. И попробуй их вытащить оттуда, сразу становишься самым злейшим врагом... Но когда всё-таки встречаемся, говорят спасибо.

fYNX комментирует...

Завидую я людям, для которых блог остался онлайн-дневником. У меня уже давно блог - средство заработка, а твиттер - средство привлечения новых посетителей на блог и призыва Гугл-бота.

DmitriyMylitta комментирует...

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

Kichrum комментирует...

DmitriyMylitta, одно другому не мешает. Автономный блог на домене второго уровня еще проще просрать, чем аккаунт в твиттере.