Widgets de NanoMarketCap: instrumentos Nano en directo para cualquier sitio web
El pulso en directo de Nano ahora se incrusta en cualquier sitio de la web. nanomarketcap.com/widgets ya está en línea: un conjunto de widgets, una página de configuración donde cualquiera arma un instrumento Nano en directo y lo integra en un sitio con un solo copiar y pegar. Siete instrumentos llegan hoy: precio, capitalización, calculadora, estadísticas de red, saldo de cuenta, transacciones en directo y donaciones, en los seis idiomas del sitio. Sin cuenta, y cada cifra se actualiza sola.
Qué incluye el conjunto
La página de configuración es un configurador. Elige un widget a la izquierda, ajusta las opciones, mira la vista previa y copia el fragmento. La integración es un iframe simple más un pequeño script alojado (widgets/embed.js) que mide la altura real del widget y redimensiona el marco. Nada de espacios muertos de altura fija, nada de contenido recortado.
Los siete instrumentos:
- Precio. Precio XNO en directo con variaciones de 1H, 24H y 7D, más capitalización, oferta y posición.
- Capitalización. La misma tarjeta con una variante hipotética: Nano a la capitalización de Bitcoin.
- Calculadora. Un conversor interactivo de XNO a moneda tradicional, precargado con el precio en directo.
- Estadísticas de red. Total de bloques, proporción de bloques cementados, peso en línea y representantes principales.
- Saldo de cuenta. Una tarjeta de saldo para cualquier dirección
nano_. - Transacciones en directo. Un flujo WebSocket de confirmaciones de la red en el momento en que ocurren.
- Donación. Una tarjeta de donación con QR para tu propia dirección.
Los siete están disponibles en los seis idiomas (en, fr, de, es, it, nl). Un widget integrado en un blog francés muestra etiquetas en francés a los visitantes de ese blog, sin trabajo adicional.
Los siete, en directo, aquí mismo
Las descripciones están bien, pero estas cosas están hechas para verse funcionando. Aquí están los siete widgets integrados en este artículo, exactamente como los integrarías tú.
El widget de precio es el instrumento por defecto y la integración más habitual:
La tarjeta de capitalización tiene un segundo modo, y es el que todo el mundo pide primero: ¿y si Nano alcanzara la capitalización de Bitcoin? Muestra el precio XNO implícito a esa capitalización, comparación incluida:
La calculadora convierte en ambos sentidos, de XNO a moneda tradicional y de moneda tradicional a XNO, al precio en directo:
Las estadísticas de red son una foto del estado del libro contable, generadas en el servidor y guardadas en caché para cada visitante:
El widget de saldo de cuenta es una tarjeta de saldo para cualquier dirección nano_, con número de transacciones, representante y valor actual. Esta es la dirección de demostración por defecto del configurador:
Y el flujo en directo es el que da gusto mirar. Se conecta a los servidores WebSocket públicos de Nano con conmutación por error y reconexión automáticas. El contador junto a la etiqueta «En vivo» es un total acumulado de bloques confirmados vistos desde que se abrió la página:
La tarjeta de donación cierra el conjunto: un botón de donación QR que apunta a la cuenta génesis de la red, solo para la demo. Apúntalo a tu propia dirección y se convierte en un botón de donación real, con importes predefinidos y enlaces directos:
¿Quieres los siete en una sola página de una vez? Aquí tienes una demostración en directo en CodeSandbox: codesandbox.io/p/sandbox/hvjls8.
Los detalles que importan
Jerarquía de divisas. Cada widget tiene una moneda tradicional principal (el número grande), una franja de monedas secundarias y hasta 8 activos cripto en los que también se muestra el valor. Las monedas estables están excluidas del selector de criptos a propósito: «1 XNO = 1,3 USDT» es ruido, no información.
Sin llamadas API desde el cliente. Los precios, capitalizaciones y ofertas se inyectan en el renderizado, del lado del servidor, y se guardan en caché. El widget no hace ninguna llamada API desde el navegador del visitante, así que funciona desde cualquier origen, en cualquier sitio que acepte HTML, sin cabeceras CORS que configurar. El flujo en directo es la excepción: necesita una conexión WebSocket desde el navegador, y es la única parte del widget que lo hace.
Se adapta al tema y al ancho. Los widgets siguen el tema del visitante, claro u oscuro, y pasan a una disposición compacta por debajo de 380px, para comportarse bien en móviles y en barras laterales estrechas. El script de integración ajusta automáticamente la altura del iframe, sea compacta o completa: no se desperdicia espacio.
La atribución permanece. Cada widget lleva una placa permanente «Datos por NanoMarketCap». No se puede quitar, y es a propósito: datos en directo gratuitos, con la línea de crédito adjunta.
Para quién es
Primero los usos evidentes: un sitio comunitario con el precio en su cabecera, una plataforma de intercambio que quiere estadísticas de red en directo junto a las instrucciones de depósito, un proveedor de carteras que integra una tarjeta de saldo en su panel.
Y luego está el widget de donación, que es, sin hacer ruido, el instrumento más comunitario del conjunto. Cualquiera que dirija un proyecto en Nano puede generar una tarjeta de donación QR para su propia dirección en un minuto. Sin servidor propio, sin registro, sin comisiones: un código QR y enlaces directos que cualquier cartera de Nano entiende.
El conjunto existe para llevar los datos en directo de Nano a donde ya está la gente de Nano, en vez de obligarles a venir a nosotros. Arma el tuyo en nanomarketcap.com/widgets. Es gratis, no requiere cuenta y las tarjetas de donación ya están en uso por parte de la comunidad.