Граждане получают мгновенный доступ к государственным сервисам прямо со страницы организации. Интегрированный элемент позволяет заполнять заявления, проверять статус запросов и получать подтверждения без перехода на сторонние ресурсы.
Для использования требуется лишь открытая веб‑страница и актуальный браузер. Никакой дополнительной установки программного обеспечения не требуется.
Пошаговая инструкция:
Откройте страницу организации, где размещён виджет публичных услуг.
Выберите нужный сервис из списка (паспорта, водительские удостоверения, справки о доходах и другое.).
Введите требуемые данные в полях формы.
Подтвердите действие через Госуслуги - система автоматически перенаправит к авторизации.
После подтверждения получите электронный документ или ссылку для скачивания.
Все данные передаются по защищённому каналу HTTPS, а аутентификация происходит через официальную систему госидентификации. При возникновении вопросов техническая поддержка отвечает в течение рабочего дня.
Граждане экономят время, получая полностью цифровой сервис без необходимости посещать офисы.
Для государственных учреждений
Государственные организации используют интеграцию виджета публичных услуг Госуслуг для предоставления гражданам онлайн‑доступа к оформлению заявлений, получению справок и оплате штрафов непосредственно со своих сайтов.
Для начала необходимо убедиться, что веб‑ресурс работает по протоколу HTTPS, имеет административный доступ к коду страниц и поддерживает подключение внешних скриптов. После выполнения этих условий можно приступить к установке.
Этапы установки:
Зарегистрировать сайт в личном кабинете госуслуг, получить уникальный идентификатор и токен доступа.
Скопировать полученный JavaScript‑код виджета.
Вставить код в HTML‑шаблон перед закрывающим тегом
на каждой странице, где требуется отображение услуг.
Сохранить изменения, очистить кэш и проверить корректность отображения в разных браузерах и на мобильных устройствах.
Технические требования: виджет адаптивен, автоматически подстраивается под ширину контейнера, поддерживает современные версии Chrome, Firefox, Safari и Edge. Загрузка не превышает 150 КБ, что минимизирует влияние на скорость страницы.
Обновления и техническую поддержку предоставляет портал госуслуг. При возникновении ошибок следует обратиться в службу поддержки с указанием идентификатора сайта и скриншотов проблемы.
Основные функции виджета
Виджет Публичных услуг предоставляет пользователям прямой доступ к государственным сервисам без перехода на отдельный портал. Он встроен в страницу сайта и работает в режиме реального времени, обеспечивая полную совместимость с мобильными и десктопными устройствами.
Поиск и отображение перечня доступных государственных услуг по ключевым словам и категориям.
Формирование и отправка заявок непосредственно из виджета, включая загрузку необходимых документов.
Отслеживание статуса заявок с уведомлениями о изменениях в реальном времени.
Подписание электронных документов через встроенный сервис цифровой подписи.
Поддержка нескольких языков интерфейса для удобства пользователей из разных регионов.
Сбор статистики обращения к услугам и интеграция данных в аналитические системы сайта.
Автоматическая адаптация внешнего вида виджета под дизайн и сетку сайта, включая темные и светлые темы.
Эти функции позволяют интегрировать государственные сервисы в любой веб‑ресурс, повышая доступность и ускоряя взаимодействие граждан с официальными процедурами.
Подготовка к установке виджета ПОС
Общие требования к сайту
Технические аспекты
Интеграция виджета Публичных услуг от Госуслуг требует выполнения нескольких обязательных шагов.
Для начала необходимо зарегистрировать сайт в личном кабинете партнёра Госуслуг. После подтверждения прав доступа выдаётся уникальный идентификатор клиента (client_id) и токен доступа. Эти данные фиксируются в конфигурационном файле сервера и используются при формировании запросов к API публичных сервисов.
Далее получаем готовый HTML‑фрейм с JavaScript‑кодом, предоставляемый платформой. Вставка кода происходит в тело страницы (
), предпочтительно сразу после открывающего тега для обеспечения корректного отображения без влияния на стили основной разметки. При добавлении кода необходимо:
подключить библиотеку pos-widget.js через HTTPS;
задать параметры инициализации в объекте POSWidgetConfig (client_id, language, theme);
вызвать метод POSWidget.init() после полной загрузки DOM (DOMContentLoaded).
Технические требования к серверу:
поддержка протокола TLS 1.2 и выше;
наличие заголовков Content-Security-Policy, разрешающих загрузку скриптов и стилей с доменов *.gosuslugi.ru;
отключённый режим X-Frame-Options: DENY, иначе виджет не сможет отобразиться в iframe.
Взаимодействие с API происходит через AJAX‑запросы к конечной точке https://api.gosuslugi.ru/pos. Для обеспечения безопасности запросы подписываются HMAC‑SHA256, используя секретный ключ, полученный при регистрации. Ответы приходят в формате JSON; в случае ошибок API возвращает код HTTP 4xx/5xx и объект error с описанием проблемы. Обработчик ошибок должен реализовать:
вывод сообщения пользователю в модальном окне;
запись детализации в журнал сервера;
автоматический повтор запроса через 5 секунд при статусе 429 (rate‑limit).
Динамический - имитация пользовательских сценариев (поиск услуги, оформление заявки) с использованием инструментов автотестирования (Selenium, Cypress).
После успешного теста размещаем виджет на продакшн‑сервере, включаем мониторинг метрик loadTime, errorRate через систему аналитики (Yandex Metrika, Google Analytics) и фиксируем изменения в системе контроля версий. Регулярные обновления библиотеки pos-widget.js поставляются автоматически, однако рекомендуется проверять совместимость с текущей версией сайта перед применением.
Юридические аспекты
Интеграция виджета публичных услуг Госуслуг требует строгого соблюдения правовых норм, определяющих порядок обработки государственных сервисов в сети.
Для корректного размещения виджета необходимо:
заключить договор с оператором портала, в котором фиксируются права на использование кода и условия поддержки;
обеспечить соответствие требованиям Федерального закона «О персональных данных»: собрать согласие пользователя, ограничить объём передаваемых сведений, реализовать шифрование каналов связи;
соблюсти положения закона «Об информации, информационных технологиях и о защите информации», включая обязательство информировать пользователей о целях и способах обработки их данных;
разместить на сайте полную публичную оферту, отражающую порядок обращения к сервисам, ответственность сторон и порядок разрешения споров;
выполнить требования технической регламентации, установленной Министерством цифрового развития, в части идентификации запросов и журналирования действий.
Нарушение указанных требований влечёт административную ответственность в виде штрафов, а также возможность приостановления доступа к сервисам со стороны государства. Правильная юридическая подготовка гарантирует стабильную работу виджета и защищает как владельца сайта, так и его посетителей.
Получение доступа к виджету на Госуслугах
Регистрация и авторизация на портале «Госуслуги»
Регистрация на портале «Госуслуги» начинается с перехода на официальный сайт и выбора пункта «Регистрация». Пользователь вводит телефон, электронную почту и придумывает пароль, после чего получает код подтверждения по SMS или e‑mail. Ввод кода завершает создание личного кабинета.
Авторизация осуществляется через форму входа, где указываются логин (телефон или e‑mail) и пароль. При необходимости включается двухфакторная проверка: система отправляет одноразовый код на привязанный телефон или приложение‑генератор. После ввода кода доступ к кабинету открывается.
Для корректной работы публичного сервиса на сайте необходимо выполнить следующие действия:
Добавить в код страницы скрипт виджета, полученный в личном кабинете;
Указать идентификатор виджета и URL обратного вызова;
Проверить, что пользователь уже авторизован, иначе вызвать окно входа через API;
Тестировать отображение и функциональность виджета в разных браузерах.
Все операции выполняются в защищённом соединении HTTPS, что гарантирует сохранность персональных данных при передаче запросов к порталу.
Подача заявки на получение кода виджета
Для получения кода виджета необходимо выполнить несколько последовательных действий.
Зарегистрировать учетную запись в личном кабинете сервиса государственных онлайн‑услуг, если аккаунт еще не создан.
Войти в личный кабинет и открыть раздел «Запросы разработчика».
Выбрать тип запроса «Код виджета публичных услуг».
Заполнить форму заявки, указав:
название организации;
URL сайта, где будет размещен виджет;
контактный e‑mail и телефон ответственного лица;
перечень услуг, которые планируется предоставить через виджет.
Прикрепить необходимые документы: сертификат организации и согласие на обработку персональных данных.
Нажать кнопку «Отправить заявку». Система автоматически проверит корректность введенных данных.
После отправки заявки служба поддержки проверит предоставленную информацию в течение 24 часов. При отсутствии замечаний в личный кабинет будет загружен файл с кодом виджета и инструкциями по его интеграции.
Полученный код вставляется в HTML‑разметку сайта в нужное место, после чего виджет начинает отображать список публичных услуг и принимать обращения пользователей.
Следуя указанным шагам, можно быстро и без ошибок оформить запрос и получить готовый к использованию код виджета.
Необходимые данные для генерации кода
ИНН учреждения
ИНН учреждения - ключевой идентификатор, который система Госуслуг использует для привязки виджета к конкретному юридическому лицу. При подключении публичных услуг на веб‑страницу он позволяет автоматически формировать запросы к базе данных государственных сервисов и получать корректные ответы.
Для получения ИНН обратитесь к учётным документам организации (устав, свидетельство о регистрации) или к официальному сайту ФНС. При вводе в настройки виджета указывайте только цифры без пробелов и разделителей.
Откройте раздел «Настройки интеграции» в личном кабинете партнёра Госуслуг.
В поле «Идентификационный номер» введите полученный ИНН.
Сохраните изменения и запустите проверку соединения.
Система проверит соответствие ИНН базе данных, отразит статус соединения и сообщит о возможных ошибках (например, неверная длина или отсутствие организации в реестре). При возникновении ошибки проверьте корректность цифр и повторите ввод.
Корректный ИНН гарантирует, что виджет будет обслуживать только те услуги, которые относятся к вашей организации, и обеспечивает надёжную работу интеграции с государственными сервисами.
Название учреждения
Название учреждения - [Полное официальное название организации] - государственный орган, ответственный за предоставление электронных сервисов гражданам. В рамках работы сайта учреждение использует виджет публичных услуг, получаемый из системы Госуслуг, для отображения актуального перечня доступных онлайн‑операций.
Интеграция виджета позволяет разместить на странице сайта блок с единой формой обращения к государственным услугам, автоматически обновляющий список предложений, статус заявок и контактные данные. Для корректного функционирования необходимо выполнить следующие действия:
получить уникальный идентификатор виджета в личном кабинете учреждения;
вставить полученный JavaScript‑код в HTML‑разметку сайта перед закрывающим тегом
;
настроить параметры отображения (ширина, высота, язык) в соответствии с дизайн‑требованиями;
протестировать работу блока на разных браузерах и устройствах;
при возникновении ошибок обратиться в техническую поддержку через указанный в кабинете канал связи.
Контактные данные отдела, отвечающего за поддержку виджета: телефон +7 (XXX) XXX‑XX‑XX, электронная почта [email protected]. Информация о сроках обновления списка услуг публикуется в разделе «Новости» личного кабинета.
Процесс установки виджета ПОС на сайт
Получение кода виджета
Генерация уникального кода
Генерация уникального кода - обязательный этап при подключении сервиса публичных услуг к веб‑странице. Код связывает сайт с личным кабинетом поставщика, гарантирует корректную передачу запросов и защищает от конфликтов с другими элементами страницы.
Для создания кода необходимо выполнить следующие действия:
В личном кабинете на портале Госуслуги открыть раздел «Интеграция виджета».
Указать домен сайта, где будет размещён виджет.
Выбрать тип виджета (форма заявки, справка о статусе и другое.).
Нажать кнопку «Сгенерировать код». Система выдаст строку JavaScript, содержащую уникальный идентификатор и параметры конфигурации.
Полученный скрипт размещается в HTML‑разметке перед закрывающим тегом . При загрузке страницы браузер автоматически инициализирует виджет, используя переданный идентификатор.
Ключевые свойства кода:
Уникальность: каждый идентификатор генерируется случайным образом, исключая дублирование даже при множественном подключении виджетов.
Безопасность: код подписан цифровой подписью, что предотвращает подделку запросов.
Гибкость: в параметрах можно задать язык интерфейса, стили отображения и ограничения по времени работы.
После вставки кода необходимо проверить работу виджета в разных браузерах и на мобильных устройствах. При обнаружении ошибок следует свериться с журналом событий, доступным в кабинете интеграции, где указаны причины отказов и рекомендации по их устранению.
Доступ к коду в личном кабинете
Доступ к коду в личном кабинете представляет собой возможность получить готовый фрагмент скрипта, необходимый для внедрения виджета государственных услуг на веб‑страницу. Этот код содержит параметры идентификации организации и настройки отображения, поэтому его точное копирование гарантирует корректную работу виджета.
Для получения кода выполните следующие действия:
Войдите в личный кабинет партнёра на портале государственных услуг.
Перейдите в раздел «Интеграция» → «Виджеты».
Выберите нужный тип виджета (например, «Публичные услуги»).
Нажмите кнопку «Получить код». Система отобразит готовый HTML/JavaScript‑блок.
Для успешного получения кода требуется активный аккаунт с правом управления сервисами организации. Если права ограничены, обратитесь к администратору кабинета и запросите роль «Разработчик» или аналогичную.
После копирования кода вставьте его в HTML‑разметку целевой страницы сразу перед закрывающим тегом . При необходимости измените параметры высоты и ширины в атрибутах style или data-‑значениях, чтобы виджет соответствовал дизайну сайта.
Проверка работы виджета осуществляется загрузкой страницы в браузере и наблюдением за отображением списка услуг. При отсутствии интерфейса проверьте правильность вставки кода и наличие подключённого интернет‑соединения. Если ошибка сохраняется, откройте консоль разработчика и изучите сообщения о загрузке скриптов.
Размещение кода на сайте
Встраивание в HTML-код страницы
Для внедрения виджета публичных услуг в страницу сайта достаточно выполнить несколько простых действий, каждый из которых реализуется непосредственно в HTML‑разметке.
Первый шаг - получить готовый скрипт виджета. На портале Госуслуг в личном кабинете генерируется код, содержащий URL‑адрес скрипта и уникальный идентификатор службы. Скопируйте его полностью, не изменяя структуру.
Второй шаг - разместить полученный фрагмент в теле документа. Оптимально вставлять его перед закрывающим тегом , чтобы загрузка скрипта не задерживала отображение основной разметки. Пример размещения: