Виджеты

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

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



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

Еще одним нашим преимуществом является полноценный html-редактор, так что вы можете взять код виджета и просто его вставить в пост. Ничего дополнительно делать не требуется. Для того, чтобы на каком-то сайте получить такой код для встраивания, обычно нужно найти кнопку, или вкладку/ссылку Embed, иногда при этом вам предлагается указать дополнительные параметры типа ориентации, цвета, размера и т.д.

Приведу пример на основе музыкального сервиса Jamendo (для разнообразия). К примеру я нашел такой вот трек, и хочу им поделиться www.jamendo.com/en/track/1090405/a.e.r.o.-talking-with-clouds

Нажимаю embed



Копирую код



Сам код, который я вставляю в пост выглядит так

<iframe id="widget" scrolling="no" frameborder="0" width="400" height="180" style="width: 400px; height: 180px;" src="//widgets.jamendo.com/v3/track/1090405?autoplay=0&layout=standard&manualWidth=400&width=400&theme=light&highlight=0&tracklist=true&tracklist_n=3&embedCode="></iframe>


В итоге получается вот такой виджет



Или вот еще пример с книжкой про акварель с сайта issuu.com: issuu.com/anovabooks/docs/watercolourrainbow

Выполняю примерно те же действия





Код (здесь необходимо было выбрать галочку «alternative embed code» с iframe)

<iframe width="525" height="281" src="//e.issuu.com/embed.html#0/11734931" frameborder="0" allowfullscreen></iframe>


Получается



В настоящее время разрешено встраивание со следующих сайтов (список будет пополняться):

  • youtube.com
  • rutube.ru
  • vimeo.com
  • vk.com
  • slideshare.net
  • issuu.com
  • music.yandex.ru
  • jamendo.com
  • soundcloud.com
  • mixcloud.com
  • sketchfab.com
  • stockreleaser.com
  • maps.google.ru


Если вы хотите иметь возможность встраивать виджеты с какого-то другого сайта, который здесь не указан, напишите, пожалуйста, и мы оперативно его добавим, если с ним нет никаких нюансов.

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

0 комментариев

Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.