Интерактивные изображения в твиттере

Кто сказал, что твиттер — это «всего лишь 140 символов»? Уже давно это перестало быть правдой: ссылки, картинки и встроенное видео ежедневно используются твиттерянами. А сегодня наш автор @GlukhovPetr расскажет вам об уникальном сервисе, который позволяет реализовать интерактивность твита еще более высокого порядка!

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

РАБОТА С thinglink.com

thinglink.com – качественный, удобный, дружелюбный, сдобренный обильной порцией социальных функций проект. Одним словом – web 2.0. Его известность — дело времени: у  thinglink.com есть все шансы стать в один ряд с наиболее известными социальными сетями и сервисами фото- и видеохостинга. Описание всех возможностей сервиса не входит в рамки данной статьи: мы коснемся только его взаимодействия с твиттером.

Стартовый экран thinglink.com информирует нас о возможности воспользоваться мобильным приложением под iOS. Стоит ли пользователям android воспринимать это с завистью? Да! Уж больно нам понравился функционал :)

thinglink1

Пользователю предлагается создать новую учетную запись с привязкой к почтовому ящику либо воспользоваться аккаунтами twitter / facebook.

thinglink2

Не мудрствуя, воспользуемся учетной записью твиттера.

thinglink3

Пользователю предлагается загрузить изображение с жесткого диска, импортировать фото из facebook или flickr, задать ссылку на интернет-страницу.

thinglink4

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

thinglink5

После завершения загрузки пользователю предлагается ввести название и начать проставление меток (тегов) на изображении. Кликаем в интересующей точке изображения — появляется окно редактирования метки.

thinglink6

В этом окне можно настроить иконку метки – ее цвет, вид, положение. Мы добавим метки к трем котам, запечатленным на фотографии.

thinglink7

Коты и собаки опубликованы — минимум хорошей статьи выполнен. Но мы продолжим и будем выжимать максимум.

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

thinglink8

ПЕРЕХОДИМ В ТВИТТЕР

Кликаем по колибри. Т.к. мы авторизовались на thinglink.com с помощью учетной записи твиттера, получаем возможность писать твит без дополнительной авторизации.

thinglink9

Отправляем твит. Выскакивает окошко с предложением подписки на твиттер-аккаунт сервиса. Выбор за вами.

thinglink10

Теперь в ленте новостей можно видеть свой твит с метками на изображении. Здорово!

thinglink11

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

thinglink12

Сохраняем изменения. Теперь все новые метки появятся и на нашем изображении в ленте твиттера. Потрясающе! Хоть и частично, но мы обошли ограничение твиттера на редактирование твита.

thinglink13

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

Ложка дегтя. Маленькая. Чайная. Весь функционал реализован посредством использования JavaScript. Особо мнительные пользователи, пусть таких и единицы. предпочитают блокировать исполнение Java-скриптов, но даже они  увидят само изображение в твите (без меток).

МОБИЛЬНЫЕ КЛИЕНТЫ

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

thinglink14

Пользователи Carbon и Tweedle (http://twitter.by/obzor-tweedle-stremlenie-k-idealnomu-tvitter-klientu/) привыкли к предпросмотру изображений уже в ленте новостей. Но здесь их ждет «сюрприз» –  интерактивные изображения с thinglink не подгружаются ни в ленте новостей, ни при просмотре твита.

thinglink15

ВМЕСТО ЗАКЛЮЧЕНИЯ

В статье не отображена возможность проставления тегов со ссылками на видеохостинги. После их создания просмотр роликов возможен во всплывающей подсказке к изображению без перехода на сам хостинг. Браво! Таким образом наш скромный 140-символьный твит наполняется кучей дополнительной информации, вместить которую в один-единственный твит штатными средствами просто невозможно.

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

cats
Спасибо за внимание. До встречи на просторах твиттера!

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>