Базовая интеграция виджета на HTML, React, Vue
Интеграция виджета
Руководство по подключению AdQuest Widget на ваш сайт.
После верификации сайта:
- Откройте детали сайта в панели управления
- Скопируйте Site Key (начинается с
pk_) - Скопируйте Secret Key для серверной валидации
Полная документация по интеграции AdQuest Widget доступна в отдельном разделе:
Готовые решения для популярных фреймворков
Параметры настройки виджета
Полное описание API и методов
Минимальная интеграция виджета:
<!DOCTYPE html><html><head> <link rel="stylesheet" href="https://cdn.ad-quest.ru/widget/v1/adquest-widget.min.css"></head><body> <form id="myForm" action="/submit" method="POST"> <input type="text" name="name" placeholder="Ваше имя" required>
<div id="adquest-captcha"></div> <input type="hidden" id="adquest-token" name="adquest_token">
<button type="submit">Отправить</button> </form>
<script src="https://cdn.ad-quest.ru/widget/v1/adquest-widget.min.js"></script> <script> AdQuest.init({ siteKey: 'YOUR_SITE_KEY', container: document.getElementById('adquest-captcha'), onSuccess: function(token) { document.getElementById('adquest-token').value = token; } }); </script></body></html>Замените YOUR_SITE_KEY на ваш реальный Site Key из панели управления.
После получения токена на клиенте, проверьте его на сервере:
curl -X POST https://api.ad-quest.ru/verify \ -H "Content-Type: application/json" \ -d '{ "token": "USER_TOKEN", "siteKey": "YOUR_SITE_KEY", "secretKey": "YOUR_SECRET_KEY" }'Ответ:
{ "success": true, "timestamp": "2024-02-15T10:30:00Z"}Подробнее о проверке токенов см. API Reference.
Проверьте:
- Правильность Site Key
- Подключены ли CSS и JS файлы
- Нет ли ошибок в консоли браузера
- Верифицирован ли домен
Подробнее см. Решение проблем.
См. Конфигурация виджета.
Да, один Site Key работает на всех страницах вашего домена.
Полное руководство по AdQuest Widget
Добавление и верификация сайтов
Просмотр показов и доходов
Частые проблемы и их решения