» » ThingLink — сервис для создания интерактивных картинок

ThingLink — сервис для создания интерактивных картинок

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

Работает это так:
На сайт добавляется небольшой скрипт. Сбоку в верхнем левом углу картинки появляются точки, означающие наличие тегов (для пользователей) и/или возможность их добавить (для хозяина картинки). Если навести мышь на картинку, то появляется панель инструментов и уже добавленные на картинку теги, обозначаемые точками. Если мышь с картинки убрать, то остаются только точки в левом верхнем углу, остальные излишества исчезают. Каждый тег может включать подпись и (опционально) ссылку. По умолчанию, кто попало добавлять теги не может, только вы сами. Для этого нужно открыть в соседней вкладке сервис Thinglink и залогиниться. При желании можно открыть возможность теггинга той или иной картинки для всех.

ThingLink — сервис для создания интерактивных картинок


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

После авторизации вы увидите что загрузить изображение можно тремя способами:
ThingLink — сервис для создания интерактивных картинок

1. Разумеется можно загрузить картинку со своего компьютера.
Но имейте в виду, что место для хранения картинок органично. Вначале можно загрузить в Thinglink не более 10 изображений. Есть возможность увеличить свой лимит на загружаемые картинки. Имеется так называемая реферальная программа.
Если кто то зарегистрируется в сервисе Thinglink перейдя с вашей картинки, вы получите возможность загрузить дополнительные 10 изображений и так далее.

2. Добавить изображение из Flicker.
Вы можете импортировать последних общедоступные картинки любого пользователь Flickr. Для этого следует просто ввести имя пользователя, и вы увидите список из 20 последних изображений. Вы сможете выбрать одно или несколько изображений для импорта в Thinglink.
ThingLink — сервис для создания интерактивных картинок

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

3. Загрузить со стороннего сервера или веб сайта.
Все, что от вас требуется сделать, это вставить URL-адрес изображения в поле и нажать на кнопку "Tag this image".
ThingLink — сервис для создания интерактивных картинок


Поддерживаются наиболее распространенные типы изображений - PNG, JPEG, GIF и BMP. Максимальный размер изображения составляет 5 МБ. Изображения больше чем 1280x1280 масштабируется.

Давайте попробуем вместе создать интерактивную фотографию.
Для примера я буду использовать фотографию этой замечательной кошечки.
ThingLink — сервис для создания интерактивных картинок

Я буду использовать третий способ описанный выше, а точнее картинка будет хранится на сайте Вебтун.
Вставляем Url картинки в поле и жмем на кнопку "Tag this image"
ThingLink — сервис для создания интерактивных картинок

Получим пере собой вот такое окошко для редактирования:
ThingLink — сервис для создания интерактивных картинок

Нажмите в любом месте на изображении для создания тегов. Для примера я добавил пять меток. В конце нажмите на зеленую кнопку "Done"
ThingLink — сервис для создания интерактивных картинок

При нанесении меток обратите внимание, что имеется поддержка большого количества сервисов для интеграции.
ThingLink — сервис для создания интерактивных картинок


Если воспользоваться возможностями интеграции ThingLink и сервиса Soundcloud.com, то можно ещё и пристегнуть к картинке музыкальный файл! Таким образом, вы сможете создать музыкальную открытку или оставить словесные комментарии.

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

После того как вы разметили отметки на картинках. (Если вы вебмастер) Вы должны должны вставить в шаблон вашего сайта примерно такой код:
<!-- Embed code for: Personal images -->
<script type="text/javascript">
__tlid = '214815518232674305';
setTimeout(function(){(function(d,t){var s=d.createElement(t),x=d.getElementsByTagName(t)[0];
s.type='text/javascript';s.async=true;s.src=('https:'==document.location.protocol?'https:':'http:')+'//www.thinglink.com/jse/embed.js';
x.parentNode.insertBefore(s,x);})(document,'script');},0);
</script>

Для того что бы интерактивные картинки работали на всех страницах вашего сайта рекомендуется вставлять этот код перед тегом
</body>

Если у вас блог на Wordpress, Blogger или Tumblr вы можете воспользоваться уже готовым плагином.

Используя опцию "embed image" у людей есть возможность добавлять вашу интерактивную картинку к себе на сайт. Кто хочет сможет поделится ею с друзьями используя опцию "share image".

Это еще не всё. Зайдя в свой аккаунт вы обнаружите что так же имеется раздел статистики в котором вы сможете смотреть количество просмотров вашей картинки или кликов по меткам. Думаю, что со статистикой вы разберетесь без моей помощи.

Удачи.
Ключевые теги: Интерактивные картинки





Добавить комментарий

КОММЕНТАРИИ

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Быстрый вход: 
  1. <

    BugZ (16 января 2012 09:13)

    wink Хорошая картинка и сервис очень интересный.
    Правда структура, которая нужна для работы картинки, немного неудобна. Можно вставить на свой сайт, а вот в комментарии, или еще куда-то не получится, так как скрипты везде отключены для безопасности.
  2. <

    Webtun (16 января 2012 10:38)

    Хотелось еще в качестве метки показать друга Маркизы, но к сожалению можно вставлять только картинки расположенные на Фликере (будем наедятся что скоро будет возможность добавлять любыми картинками)
  3. <

    Leonardo (16 января 2012 10:40)

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

    Но как говориться, красота требует жертв.

ВОЗМОЖНО ВАС ЭТО ЗАИНТЕРЕСУЕТ

  • Подборка инструментов для продуктивной работы
    Интернет невероятно быстро меняется с каждым днем. Мы обнаружили, что для нас самым важным фактором при обновлении инструментов является минимальная цена замены. Чем меньше времени на понимание и
  • Продвижение в социальных сетях
    Бесплатны ли социальные сети? Теоретически, да. Однако теоретически и коммунизм возможен. Конечно, мы можем совершенно безвозмездно создать страничку и пользоваться некоторыми инструментами, но на
  • Google Body Browser теперь называется Zygote Body
    Body Browser является одним из многих продуктов, которые были отменены, когда были закрыты Гуглом многие так называемые Google Labs проекты. Хорошей новостью является то что данные сервис не пропал,
  • ALTERGEO — навигация в большом городе
    AlterGeo - это простой способ сделать город удобным, а посещения мест еще более интересным и увлекательным занятием. Сотни тысяч людей используют AlterGeo для того, чтобы быстро находить места,
  • Google обновил интерфейс сервиса Закладки
    Отказавшись от списков, сервис Закладки (Google Bookmarks) получил новый интерфейс, похожий на интерфейсы всех остальных сервисов Google. Приятно, что Закладки всё ещё работают, однако этот сервис
Информация
Комментировать статьи на сайте возможно только в течении 90 дней со дня публикации.