Badge live di verifica incorporabile

Contratto di pubblicazione

Avvio rapido

Sostituisci att_REPLACE_WITH_YOUR_ID con il tuo ID di attestazione. L'anchor resta un normale link di prova se lo script del badge viene bloccato o non si carica.

<a href="https://existbefore.com/proof/att_REPLACE_WITH_YOUR_ID"
   class="existbefore-badge"
   data-att="att_REPLACE_WITH_YOUR_ID">Certificato ExistBefore</a>
<script async src="https://existbefore.com/embed.js"></script>

Anteprima live

Qui sotto vedi un badge reale di esempio per att_28525. È solo una preview: nel markup pubblicato usa il tuo ID.

Certificato ExistBefore

Cosa deve capire chi legge

Perché usarlo

• Sempre live. Il badge rilegge lo stato pubblico a ogni apertura della pagina, anche se la pagina ospite è cacheata o archiviata.
• Upgrade automatici. Quando la prova arriva a T1 (marca temporale qualificata eIDAS) o T2 (ancoraggio Bitcoin), il badge lo mostra senza modificare l'embed.
• Zero tracking. Nessun cookie, nessun localStorage, nessun fingerprinting, nessun analytics lato client.
• Privacy by design. Lo script legge solo l'attributo data-att del proprio badge. Non legge il resto del DOM della pagina ospite.
• Fallback onesto. Se la chiamata di rete fallisce, resta un link pulito alla pagina di prova pubblica.
• Leggero. Circa 5 KB gzip, nessuna dipendenza, nessun framework.

Contratto di sicurezza e privacy

• Lo script è servito da https://existbefore.com/embed.js via TLS.
• Valida data-att con una regex stretta (^[a-zA-Z0-9][a-zA-Z0-9_-]{1,255}$) prima di qualsiasi chiamata di rete.
• Chiama solo GET https://existbefore.com/api/attestation/<id>/status. L'endpoint è pubblico, anonimo, rate-limited e riceve solo un ID di attestazione già pubblico.
• Non usa innerHTML con valori provenienti dall'API: lo stato viene scritto con textContent.
• Non crea variabili globali tipo window.ExistBefore.
• Rispetta la Content-Security-Policy della pagina ospite: se connect-src non permette ExistBefore, il badge degrada al link.

Aggiunte CSP consigliate sulla pagina ospite:

script-src 'self' https://existbefore.com;
connect-src 'self' https://existbefore.com;
style-src 'self' 'unsafe-inline';

Il badge inietta un solo blocco di stile statico. Se la pagina ospite vieta gli stili inline, usa i modelli di badge statici.

Personalizzazione

Il badge eredita il font della pagina ospite e rispetta prefers-color-scheme. Per modificarne lo stile, sovrascrivi nel tuo CSS le regole con scope .existbefore-badge. Il badge non prova paternità, titolarità o copyright: mostra solo lo stato pubblico di una prova di esistenza per uno specifico ID.

Attribuzione

Di default il badge aggiunge “ · Powered by CertiSigma” a aria-label e title. Il testo visibile resta invariato. Per nascondere questa attribuzione assistiva, usa data-attribution="hidden" sull'anchor:

<a href="https://existbefore.com/proof/att_REPLACE_WITH_YOUR_ID"
   class="existbefore-badge"
   data-att="att_REPLACE_WITH_YOUR_ID"
   data-attribution="hidden">Certificato ExistBefore</a>

L'opzione è solo cosmetica: non cambia il controllo dello stato, non aggiunge nodi DOM e non modifica la pagina di prova.