Встраивание дашборда на сторонний сайт с помощью <iframe>

Вы можете добавить созданный дашборд на какой-либо внешний ресурс (например, на страницу стороннего сайта) с помощью HTML-тега <iframe>, при этом можно встроить дашборд, который требует авторизацию, или который не требует ее. Для этой цели нужно выполнить следующие шаги:

1. Администратору платформы необходимо выполнить настройки в Keycloak (если просмотр дашборда требует авторизации).

2. Скопировать ссылку на дашборд и встроить ее на требуемую страницу сайта.

Выполнение администратором настроек в Keycloak

1. Откройте Keycloak по адресу:
   <domain>/v3/keycloak/admin/Visiology/console/
   где <domain> – домен или IP-адрес сервера платформы.

2. В боковой панели нажмите Настройки Realm:
   
   

   Open

   

    

3. В открывшемся окне перейдите на вкладку Защита безопасности и в поле Content-Security-Policy введите следующую строку:
   frame-src 'self'; frame-ancestors 'self' <адрес сайта>; object-src 'none';
   где <адрес сайта> – адрес портала или сайта, куда вы хотите встроить дашборд (указывается только адрес домена. Адрес целевой страницы указывать не нужно). Например, https://site.ru
   
   

   Open

   

4. Нажмите Сохранить в нижней части окна.

Встраивание дашборда на сайт

1. Выполните шаги, описанные в разделе Публикация дашбордов, чтобы скопировать ссылку на дашборд.

2. Откройте в режиме редактирования страницу сайта, на котором вы хотите разметить дашборд, и добавьте в нужное место следующую строку:
   <iframe src="XXX" style="position: absolute; height: 100%; width: 100%; border: none;"></iframe>
   где ХХХ – скопированная на шаге 1 ссылка на дашборд.

В нашем примере мы добавили дашборд на страницу Confluence:

Смотрите также

• Публикация дашбордов

На этой странице

Нужна дополнительная помощь?

Свяжитесь с технической поддержкой, или нажмите кнопку помощи в приложении, чтобы задать вопрос.