Загрузка виджета

Как правильно загрузить CryptumPay Widget в вашем приложении.

Content Security Policy (CSP)

Если на вашем сайте используется Content Security Policy (CSP), добавьте следующие источники в соответствующие директивы:

script-src   https://cdn.cryptumpay.com
connect-src  https://wapi.cryptumpay.com
frame-src    https://pay.cryptumpay.com
style-src    https://fonts.googleapis.com
font-src     https://fonts.gstatic.com

Если эти директивы уже настроены, сохраните существующие источники и добавьте к ним указанные выше источники, необходимые для работы CryptumPay. Пример конфигурации для базового сайта:

Content-Security-Policy:
  script-src 'self' https://cdn.cryptumpay.com;
  connect-src 'self' https://wapi.cryptumpay.com;
  frame-src https://pay.cryptumpay.com;
  style-src 'self' https://fonts.googleapis.com;
  font-src 'self' https://fonts.gstatic.com;

Оптимизация производительности

1. Используйте асинхронную загрузку

Всегда добавляйте атрибут async, чтобы не блокировать рендеринг страницы.

2. Предварительное подключение к CDN

Ускорьте загрузку виджета с помощью preconnect:

<link rel="preconnect" href="https://cdn.cryptumpay.com">
<link rel="dns-prefetch" href="https://cdn.cryptumpay.com">

Устранение неполадок

Виджет не загружается

Проверьте консоль браузера на наличие ошибок:

• Сетевые ошибки (CDN заблокирован, файрвол)
• Нарушения CSP
• Ошибки JavaScript

Проверьте тег скрипта:

• Корректный URL src
• Правильный хеш целостности
• Наличие атрибута async

Событие ready не срабатывает

Частые причины:

• Тег <script> размещён после кода с подпиской на событие
• Блокировщики рекламы блокируют запросы к CDN
• Таймаут сети

Решение: Всегда размещайте тег <script> в <head>, а обработчики событий — после.

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

• Инициализация кнопки — создание экземпляров кнопки