Виджеты
- Автор Топот Котов
Одним из преимуществ нашей пока небольшой, но активно развивающейся площадки, является ее гибкость и открытость. Мы стараемся придерживаться политики максимальной интеграции с другими сервисами (соблюдая разумные границы конечно), и легко можем позволить себе то, до чего у гигантов Интернета нет ни времени, ни видимо желания. Например такая штука как виджеты.
Виджеты это определенный код с другого сайта, вставляя который в свои посты вы получаете в них функциональность с этого самого другого сайта. Обычно эти возможности по встраиванию очень сильно ограничены, но не у нас. Простейшим примером является встраиваемое видео с youtube. Для встраивания видео кстати у нас есть специальная кнопка

которая оборачивает ссылку в тег video, но в общем случае виджеты могут быть куда более сложными.
Еще одним нашим преимуществом является полноценный html-редактор, так что вы можете взять код виджета и просто его вставить в пост. Ничего дополнительно делать не требуется. Для того, чтобы на каком-то сайте получить такой код для встраивания, обычно нужно найти кнопку, или вкладку/ссылку Embed, иногда при этом вам предлагается указать дополнительные параметры типа ориентации, цвета, размера и т.д.
Приведу пример на основе музыкального сервиса Jamendo (для разнообразия). К примеру я нашел такой вот трек, и хочу им поделиться www.jamendo.com/en/track/1090405/a.e.r.o.-talking-with-clouds
Нажимаю embed

Копирую код

Сам код, который я вставляю в пост выглядит так
В итоге получается вот такой виджет
Или вот еще пример с книжкой про акварель с сайта issuu.com: issuu.com/anovabooks/docs/watercolourrainbow
Выполняю примерно те же действия


Код (здесь необходимо было выбрать галочку «alternative embed code» с iframe)
Получается
В настоящее время разрешено встраивание со следующих сайтов (список будет пополняться):
Если вы хотите иметь возможность встраивать виджеты с какого-то другого сайта, который здесь не указан, напишите, пожалуйста, и мы оперативно его добавим, если с ним нет никаких нюансов.
Кстати, если у вас свой собственный сайт и вы хотели бы получить такую же возможность — пишите тоже, мы посмотрим что можно сделать.
Виджеты это определенный код с другого сайта, вставляя который в свои посты вы получаете в них функциональность с этого самого другого сайта. Обычно эти возможности по встраиванию очень сильно ограничены, но не у нас. Простейшим примером является встраиваемое видео с 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 комментариев