Integrazioni

AudioLayer su Next.js / React

Se il tuo blog è in Next.js (o React con qualsiasi framework), l'integrazione è uno script tag nel layout. L'import degli articoli funziona via feed RSS — se il blog non ne ha uno, generarlo è una route in più.

  1. 01

    Collega il blog

    Aggiungi il sito su audiolayer.it. Se hai un feed RSS (es. /feed.xml generato in build), viene rilevato; altrimenti puoi aggiungere gli articoli manualmente o via API.

  2. 02

    Aggiungi lo script nel layout

    Con l'App Router, nel layout delle pagine articolo usa next/script:

    import Script from "next/script";

<Script
  src="https://audiolayer.it/player.js"
  data-site="IL_TUO_SITE_ID"
  strategy="lazyOnload"
/>

  3. 03

    Il player trova l'articolo da solo

    Il player individua l'audio dell'articolo dall'URL della pagina: nessuna prop da passare. Funziona con SSR, SSG e client-side rendering. Se vuoi controllare la posizione, inserisci un div con id audiolayer-container dove preferisci.

Domande frequenti

Funziona con lo streaming/PPR di Next.js?

Sì: lo script si inizializza al load e cerca il contenitore con retry, quindi tollera contenuti che arrivano in streaming.

C'è un'API per automatizzare le conversioni?

Sì: l'API v1 di AudioLayer permette di creare articoli e lanciare conversioni via REST, con Idempotency-Key. Vedi la documentazione API.

E con Gatsby, Astro, Remix?

Identico: uno script tag nel template dell'articolo. Il player è framework-agnostic.

Prova con un tuo articolo

Anteprima audio di 30 secondi da un URL, senza registrazione — poi 3 conversioni gratis per il tuo blog.

Prova la demo