Free DNS Score Widget
Show your DNS health score on any website. Lightweight, zero dependencies, cached for performance.
Choose a Style
Customize
Live Preview
Why Use Our Widget?
⚡ Zero Performance Impact
Async loading, client-side caching. Doesn't block your page render or trigger live DNS checks.
🎨 8 Beautiful Styles
Badge, card, banner, shield, pill, compact, gauge, and terminal. Auto dark/light theme detection. Fits any design.
🔗 SEO Friendly
Links to your detailed DNS report on dnsdiag.net. Shows visitors you care about DNS health.
📦 No Dependencies
Pure vanilla JS, 4KB gzipped. No jQuery, no React, no tracking. Just one script tag.
🌍 Multi-Language
Auto-detects visitor language. Supports English, Turkish, German, French and Russian out of the box.
🔄 Auto-Updating
Score refreshes automatically every 4 hours. No manual updates needed — always shows the latest DNS health status.
Quick Start
1. Add the script tag
Place this anywhere in your HTML (before </body> recommended):
<script src="https://dnsdiag.net/widget.js" async defer></script>2. Add the widget container
Place this where you want the widget to appear:
<!-- Auto-detects current domain -->
<div data-dnsdiag-widget></div>
<!-- Or specify a domain -->
<div data-dnsdiag-widget="example.com"></div>3. Customize with attributes
<div data-dnsdiag-widget="example.com"
data-style="card"
data-theme="dark"
data-size="normal">
</div>Attributes Reference
| Attribute | Values | Default |
|---|---|---|
data-dnsdiag-widget | Domain or empty (auto-detect) | auto |
data-style | badge, card, banner, shield, pill, compact, gauge, terminal | badge |
data-theme | auto, light, dark | auto |
data-size | normal, small | normal |
API Access
DNSdiag provides a free public API for programmatic access:
- Check a domain:
GET /api/check/{domain} - Query statistics:
GET /api/stats - Live counter:
GET /api/stats/counter
Agent discovery is available via /.well-known/ endpoints for AI tool integration.