Вставка виджета
После формирования подписи можно произвести вставку виджета.
Пример встраивания виджета:
<div id="w-tasks">Загрузка...</div>
<script async src="https://АДРЕС_СИСТЕМЫ/api/widgets/iframe?name=tasks&<?php echo $auth; ?>&container=w-tasks&width=1200&height=600"></script>
Пример корректно сгенерированного кода скрипта
<div id="w-tasks">Загрузка...</div>
<script async src="https://АДРЕС_СИСТЕМЫ/api/widgets/iframe?name=tasks&user=c5a4d90a3235996038954be307d1d3df&sign=31189086cbdb3403ee1ca9841aca873b&container=w-tasks&width=1200&height=600"></script>
Здесь:
name=tasks – название виджета
width=1200 – ширина iframe блока
height=600 – высота iframe блока
container=w-tasks – специальный блок на странице, в который будет помещен сформированный iframe для отображения
На странице помимо строки с подключаемым скриптом должен присутствовать блок для размещения виджета, в данном примере:
<div id="w-tasks">Загрузка...</div>
Виджет встраивается вставкой двух фрагментов кода - контейнера и скрипта.
Пример кода скрипта
<script async src="SCRIPT_URL"></script>
Контейнер размещается в том месте, где нужно отобразить виджет. Контейнер должен иметь уникальный id.
Код скрипта имеет смысл расположить внизу страницы, перед закрывающим тегом </body>. Такой вариант размещения кода позволит выполнить асинхронную загрузку виджетов без блокировки загрузки страницы.