середу, 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, одно другому не мешает. Автономный блог на домене второго уровня еще проще просрать, чем аккаунт в твиттере.