# Работа с инструментом Внешние сервисы

*Время чтения: 5 минут*

{% hint style="info" %}
⚙️ Внешние сервисы - крайне полезный инструмент, позволяющий использовать сторонние сервисы в ваших уроках. В этой статье мы разберем как устроена работа этого инструмента.
{% endhint %}

## Как работает инструмент Внешние сервисы <a href="#h_57f00417ac" id="h_57f00417ac"></a>

Инструмент Внешние сервисы отображает содержимое страниц какого-либо сервиса на страницах вашего урока.

<figure><img src="/files/3wMKtBhwrvdOK7n1k2Ll" alt=""><figcaption><p>№1. Применение инструмента Внешние сервисы</p></figcaption></figure>

1. Перетащите инструмент на страницу
2. Вставьте ссылку на сервис или код для вставки
3. Кликните на любую область экрана кроме инструмента Внешние сервисы

## Сервисы для использования <a href="#h_012467b203" id="h_012467b203"></a>

Вы можете использовать множество сервисов для более качественного понимания материала вашими учениками, развивая интерактив:

Интерактивные презентации:

* Nearpod
* Pear Deck
* Mentimeter

Визуализация данных и графиков:

* ChartBlocks
* Google Charts
* Datawrapper
* Draw\.io
* Creately

Совместная работа в реальном времени:

* Miro
* Google Workspace (Docs, Sheets, Slides)
* Notion
* Figma

Интерактивные тесты и опросы:

* Kahoot!
* Quizizz
* Quizlet
* Wordwall
* Typeform

Сервисы для создания кроссвордов и головоломок:

* Crossword Labs
* EclipseCrossword
* JCross

Инструменты программирования и обучения коду:

* CodePen
* Repl.it
* Glitch

Инструмент **Внешние сервисы** работает на основе тега [iframe](https://habr.com/ru/articles/488516/), и в целом, вы можете интегрировать контент практически с любого ресурса при помощи инструмента , но имеется несколько нюансов при использовании:

* Если выбранный вами сервис предоставляет код для вставки (embed code), то используйте в инструменте именно его. Это специализированный код для iframe и он гарантированно сработает.
* Если выбранный вами ресурс не предоставляет кода для вставки, то вы можете использовать обычную ссылку из браузерной строки. Если такая ссылка не будет отображаться, возможно, владелец ресурса ограничил возможность размещение через iframe, уточните это у представителей сервиса.
* Если вы планируете использовать Notion в инструменте Внешние сервисы, то для этого вам необходимо переформатировать ссылку. Для начала, вам необходимо зайти на этот [ресурс](https://www.notioniframe.com/) и ввести вашу публичную ссылку Notion, после чего кликнуть на Generate iframe, и полученную новую ссылку вам необходимо вставить в сам инструмент.

{% hint style="warning" %}
notioniframe.com/ не бесплатный ресурс, и для дальнейшего корректного отображения документов из Notion вам необходимо оформить подписку ценой 1.99$.
{% endhint %}

## **Как добавить видео из Rutube в урок**

<figure><img src="/files/RpbKligPHcQ5POKxPyHV" alt=""><figcaption></figcaption></figure>

1. Скопируйте код видео из Rutube.
2. Найдите кнопку **«Поделиться»** → **«Код вставки»** и скопируйте его.
3. Откройте нужный урок в редакторе, выберите блок "Внешние сервисы".
4. Перетащите блок **«Внешний сервис»** и вставьте скопированный код.
5. Сохраните – видео появится в уроке.

<details>

<summary>Видео после вставки из Rutube в блок Внешние сервисы недоступно?</summary>

{% hint style="info" %}
Вы вставили видео в блок **Внешние сервисы** или **Видео** из Rutube и оно недостпуно?

Эта инструкция поможет сделать видео активным, даже если оно доступно только по оплате или для ограниченной аудитории.&#x20;
{% endhint %}

1. Откройте браузер, зайдите в Rutube в необходимый аккаунт
2. Откройте браузер в режиме инкогнито и войдите в административную часть Space.&#x20;
3. В Rutube откройте видео, которое вы хотите добавить в урок и скопируйте код вставки на видео.
4. Перейдите в браузер с режимом инкогнито и откройте урок, в который необходимо добавить видео.&#x20;
5. Перетащите блок Внешний сервис и вставьте скопированный код, дождитесь загрузки видео

{% hint style="info" %}
Обратите внимание, что вставлять ссылку следует именно в режиме инкогнито, так как браузер в этом режиме не кеширует данные и не сохраняет информацию о сессии входа в Rutube. Если вставлять ссылку в том же браузере, где открыт авторизованный профиль Rutube, видео может быть недоступно у студентов из-за ограничений доступа.
{% endhint %}

</details>

<details>

<summary>Как вставить пролистываемый PDF - файл?</summary>

Вставка пролистываемого PDF - файла в структуре курса - возможна, делается это очень просто:

1. Перейдите в Reezonly Cloud и загрузите PDF - файл:<br>

   <figure><img src="/files/v2qN8pEdzI51UXDM7t0O" alt=""><figcaption></figcaption></figure>
2. Скопируйте ссылку на загруженный файл
3. Перейдите в продукт - содержание и выберите урок, в который необходимо вставить пролистываемый файл
4. На панеле инструментов справа выберите инструмент Внешние сервисы и перетащите его на полотно урока:

<figure><img src="/files/ATBLCfNxvtloZ0UNX24v" alt=""><figcaption></figcaption></figure>

5. В место ссылки вставье ссылку на скопированный файл

{% hint style="success" %}
Отлично, у ваш файл можно просмотреть без его скачивания!
{% endhint %}

</details>

{% hint style="info" %}
🕷️ В этой статье мы рассказали вам об инструменте Внешние сервисы, о работе других инструментов вы можете узнать в других статьях раздела. Если у вас возникли дополнительные вопросы, напишите нам в службу поддержки. Мы всегда рады помочь:)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://wiki.reezonly.ru/space/obuchenie/produkty/vkladka-soderzhanie-produkta-kursa/kak-rabotayut-instrumenty-v-konstruktore-kontenta/rabota-s-instrumentom-vneshnie-servisy.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
