Instagram Stories CDN

Widget autocontenido y responsivo inyectable con una línea de código

Integración como CDN en otros proyectos

Para incrustar este widget en cualquier sitio web, solo tienes que añadir el contenedor y cargar los archivos JS y CSS del CDN:

Paso 1: Agregar el contenedor HTML

Inserta la etiqueta donde deseas que aparezcan las burbujas de historias:

<div id="instagram-stories"></div>

Paso 2: Importar estilos y script JS

Importa la hoja de estilos y ejecuta el inicializador pasándole los parámetros deseados:

<link rel="stylesheet" href="https://storiescdn.com/stories-widget.css">
<div id="instagram-stories"></div>
<script type="module">
  import { initStories } from 'https://storiescdn.com/stories-widget.js';
  initStories({
    target: '#instagram-stories',
    username: 'tmracing00',
    apiKey: 'sk_live_44cf267803a1164d7a9ddbb749de45d4',
    apiUrl: 'https://storiescdn.com'
  });
</script>