NanoMarketCap-widgets: live Nano-instrumenten voor elke website
De live polsslag van Nano laat zich nu overal op het web inbedden. nanomarketcap.com/widgets is live: een widgetrack, een bouwpagina waarop iedereen een live Nano-instrument in elkaar zet en het met één kopieer-en-plak-actie op een website plaatst. Zeven instrumenten zijn vandaag beschikbaar: prijs, marktkapitalisatie, rekenmachine, netwerkstatistieken, accountsaldo, live transacties en donaties, in alle zes talen van de site. Geen account nodig, en elk getal blijft vanzelf actueel.
Wat het rack bevat
De builder is een configurator. Kies links een widget, pas de instellingen aan, bekijk de preview en kopieer het fragment. De integratie is een gewone iframe plus een klein gehost script (widgets/embed.js) dat de echte hoogte van de widget meet en het frame daaraan aanpast. Geen dode ruimte door vaste hoogtes, geen afgeknipte inhoud.
De zeven instrumenten:
- Prijs. Live XNO-prijs met verschillen over 1 uur, 24 uur en 7 dagen, plus marktkapitalisatie, aanbod en rang.
- Marktkapitalisatie. Dezelfde kaart met een hypothetische variant: Nano tegen de kapitalisatie van Bitcoin.
- Rekenmachine. Een interactieve XNO-naar-fiat-omzetter, vooraf geladen met de live prijs.
- Netwerkstatistieken. Totaal aantal blokken, aandeel gecementeerde blokken, online gewicht en hoofdvertegenwoordigers.
- Accountsaldo. Een saldokaart voor elk
nano_-adres. - Live transacties. Een WebSocket-feed van netwerkbrede bevestigingen op het moment dat ze binnenkomen.
- Donatie. Een QR-donatiekaart voor je eigen adres.
Alle zeven spreken alle zes talen (en, fr, de, es, it, nl). Dat is belangrijker dan het klinkt: een widget op een Franse blog toont Franse labels aan de bezoekers van die blog, zonder enig extra werk.
Alle zeven, live, hier in dit artikel
Beschrijvingen zijn prima, maar deze dingen moet je aan het werk zien. Hier zijn alle zeven widgets ingebed in dit artikel, precies zoals je ze zelf zou inbedden.
De prijswidget is het standaardinstrument en de meest voorkomende embed:
De marktkapitalisatiekaart heeft een tweede modus, en dat is degene waar iedereen als eerste om vraagt: wat als Nano de kapitalisatie van Bitcoin zou halen? Hij toont de impliciete XNO-prijs bij die kapitalisatie, vergelijking inbegrepen:
De rekenmachine rekent beide kanten op, XNO naar fiat en fiat naar XNO, tegen de live prijs:
Netwerkstatistieken zijn een momentopname van de polsslag van de ledger, server-side gerenderd en voor elke bezoeker gecacht:
De accountsaldowidget is een saldokaart voor elk nano_-adres, met transactietelling, vertegenwoordiger en actuele waarde. Deze is het standaard demo-adres van de builder:
En de live feed is degene waar je naar blijft kijken. Hij maakt verbinding met publieke Nano-WebSocket-relays met automatische failover en reconnect. De teller naast het Live-label is een doorlopend totaal van bevestigde blokken sinds het openen van de pagina:
De donatiekaart sluit het rack af: een QR-donatieknop die voor de demo naar het genesisaccount van het netwerk wijst. Zet hem op je eigen adres en hij wordt een echte donatieknop, met vaste bedragen en deep links:
Wil je alle zeven tegelijk op één pagina? Hier is een live demo op CodeSandbox: codesandbox.io/p/sandbox/hvjls8.
De details die ertoe doen
Valutahiërarchie. Elke widget heeft een primaire fiatvaluta (het grote getal), een rij secundaire fiatvaluta's en tot 8 crypto-activa waarin de waarde ook wordt getoond. Stablecoins zijn bewust uitgesloten van de cryptokiezer: “1 XNO = 1,3 USDT” is ruis, geen informatie.
Geen client-side API-aanroepen. Prijzen, marktkapitalisaties en aanbod worden bij het renderen op de server ingevoegd en gecacht. De widget doet dus nul API-aanroepen vanuit de browser van de bezoeker, dus inbeddingen werken vanuit elke origin, op elke site die HTML accepteert, zonder CORS-headers te hoeven instellen. De live feed is de uitzondering: die heeft een WebSocket-verbinding vanuit de browser nodig, en is het enige deel van de widget dat dat doet.
Volgt thema en breedte. De widgets volgen het thema van de bezoeker, licht of donker, en schakelen onder 380px over naar een compacte layout, zodat ze zich goed gedragen op telefoons en in smalle zijbalken. Het embed-script past de iframe-hoogte automatisch aan, compact of volledig: geen verspilde ruimte.
De naamsvermelding blijft. Elke widget draagt een permanente plaat “Data by NanoMarketCap”. Die is niet verwijderbaar, en dat is bewust: gratis live data, met de naamsvermelding eraan vast.
Voor wie
Eerst de voor de hand liggende toepassingen: een communitysite met de prijs in de header, een beurspagina die live netwerkstatistieken wil naast de stortingsinstructies, een wallet-aanbieder die een saldokaart in het dashboard inbedt.
En dan is er de donatiewidget, stilletjes het meest community-gedreven instrument van het rack. Iedereen die een project op Nano draait, kan in ongeveer een minuut een QR-donatiekaart voor zijn eigen adres genereren. Geen backend, geen aanmelding, geen kosten: een QR-code en deep links die elke Nano-wallet begrijpt.
Het rack bestaat om live Nano-data te brengen naar waar de Nano-mensen al zijn, in plaats van ze naar ons te laten komen. Bouw de jouwe op nanomarketcap.com/widgets. Het is gratis, er is geen account nodig en de donatiekaarten worden al door de community gebruikt.