Questa pagina crea il vostro «Lettore esportabile»: un lettore con i vostri colori da incorporare su qualsiasi sito web, da condividere tramite un link, o che i vostri ascoltatori possono aprire nel loro programma preferito. Si trova nel menu «Diffusione web» > «Player radio».
Da sapere:
È necessaria una radio attiva e installata. In caso contrario, la pagina mostra «Radio non configurata» e un pulsante «Configura la mia radio».
L'anteprima, a destra: il lettore così come lo vedranno i vostri ascoltatori Cliccare per ingrandire
«Formato del lettore»: 4 disposizioni
Il primo blocco propone quattro formati, non tre:
«Orizzontale» — la barra classica, in cima o in fondo alla pagina.
«Verticale» — il widget per la colonna laterale.
«Mini» — una barra compatta, per un header o un pulsante flottante.
«Pagina intera» — il formato a schermo intero, in cui tutte le funzionalità sono visualizzate direttamente, senza pannelli da aprire.
Esempio
Radio Horizon integra il suo lettore in tre punti diversi. Il formato si sceglie in base alla posizione, non per preferenza estetica.
Barra sotto il menu della pagina principale → formato «Orizzontale».
Colonna laterale del blog → formato «Verticale».
Pagina «Ascolta in diretta» → formato «Pagina intera».
Header di un sito partner → formato «Mini».
Perché: in «Pagina intera», le dediche, la cronologia e la classifica vengono visualizzate direttamente, senza pannelli da aprire: è l'unico formato che giustifica una pagina dedicata. Al contrario, un «Mini» su una pagina dedicata offrirebbe solo un pulsante di riproduzione.
I quattro formati: Orizzontale, Verticale, Mini e Pagina intera Cliccare per ingrandire
Scheda «Colori»
Si parte da una delle «Palette rapide» (viola predefinito, rosso arancio, smeraldo, rosa acceso, dorato, azzurro, scuro minimale, chiaro minimale), poi si regola ogni tonalità: «Colore primario», «Colore secondario», «Sfondo» e «Testo». Ogni colore si imposta con il contagocce o digitando il codice esadecimale. Il pulsante «Reimposta» ripristina la palette originale.
Esempio
Radio Cactus ha un logo rosso e un sito chiaro. Personalizza il suo lettore in due passaggi.
Palette «Chiaro minimale»→Colore primario = rosso del logo→«Salva la configurazione»
Il rosso viene inserito direttamente nel campo esadecimale; le altre tre tonalità rimangono quelle della palette.
Perché: le palette forniscono combinazioni «Sfondo» / «Testo» già leggibili. Modificando solo il colore primario, si ottiene la propria identità visiva senza rischiare un testo grigio chiaro su sfondo bianco.
Le palette rapide, poi i quattro colori regolabili singolarmente Cliccare per ingrandire
Scheda «Funzionalità»: 5 opzioni da attivare
«Voto sul brano in corso» — i vostri ascoltatori mettono like o dislike al brano trasmesso.
«Dediche» — possono inviarvi un messaggio di dedica direttamente dal lettore.
«Cronologia delle trasmissioni» — gli ultimi 20 brani passati in onda.
«Classifica dei brani» — la top dei brani più suonati negli ultimi 30 giorni, con i like.
«Prossimi brani» — i 2 brani successivi, la loro durata e l\'orario di avvio del brano in corso. Riservato alle radio in programmazione dinamica.
Da sapere:
Attivare una funzionalità aumenta l\'altezza utile del lettore: in «Orizzontale», l\'anteprima passa da 80 a 180 pixel non appena si spunta un\'opzione. Ricordate di adeguare l\'altezza del vostro iframe.
Esempio
Ambiance FM lancia il suo lettore orizzontale e attiva solo due opzioni su cinque.
«Voto sul brano in corso»→«Dediche»→Altezza 80 → 180 px→«Salva la configurazione»
«Cronologia delle trasmissioni» e «Classifica dei brani» rimangono deselezionati finché l\'antenna non è in funzione da qualche settimana. «Prossimi brani» non è disponibile: la stazione non è in programmazione dinamica.
Perché: il voto alimenta sia la classifica degli ultimi 30 giorni che la Top 10 settimanale — senza di esso, entrambe le pagine restano vuote. Le dediche, invece, compaiono in «Strumenti > Dediche» solo se l\'opzione è spuntata qui.
I cinque interruttori, ciascuno con ciò che aggiunge al lettore Cliccare per ingrandire
Scheda «Mappa degli ascoltatori»
Un planisfero in tempo reale mostra la posizione approssimativa (a livello di città) degli ascoltatori attualmente connessi, con il badge «IN DIRETTA» e il numero di connessi. La mappa si aggiorna automaticamente ogni 25 secondi, e un pulsante consente di forzare l\'aggiornamento.
Da sapere:
Il messaggio «Nessun ascoltatore localizzabile connesso al momento» è normale quando nessuno sta ascoltando — o quando gli ascoltatori presenti non sono localizzabili. Se la radio è offline, la mappa lo segnala anch\'essa.
La mappa in tempo reale: numero di connessi e posizione approssimativa Cliccare per ingrandire
«Anteprima» e salvataggio
La colonna di destra mostra il lettore esattamente come lo vedranno i vostri ascoltatori, e si aggiorna ad ogni modifica. Il pulsante «Apri in pop-up» lo lancia in una finestra dimensionata per il formato scelto.
Suggerimento:
L\'anteprima riflette le vostre impostazioni in tempo reale, ma il lettore pubblicato segue la configurazione salvata. Terminate sempre con «Salva la configurazione», altrimenti i vostri ascoltatori non vedranno le modifiche.
Il pulsante «Salva la configurazione», sotto la colonna delle impostazioni Cliccare per ingrandire
Scheda «Codice di integrazione» e link breve
Due modi per diffondere il vostro lettore:
Il «Codice iframe (copia e incolla sul tuo sito)»: un clic sull\'icona di copia, un incolla nella vostra pagina, ed è online.
Il «Link breve (da condividere)», nella forma /play/VostraRadio, completato dal formato quando non è quello orizzontale (/play/VostraRadio/vertical, /mini, /full). Apre il lettore con i vostri colori salvati e avvia la riproduzione direttamente.
Da sapere:
Il codice iframe non fissa le funzionalità: restano gestite dalla configurazione salvata della radio. Potete quindi attivare le dediche o la classifica in un secondo momento senza dover ricopiare il codice sul vostro sito.
Esempio
Studio Nova diffonde il suo lettore in due punti, con due strumenti diversi.
Sul suo sito: copia il codice iframe e lo incolla nella pagina principale. Nient\'altro da fare.
Sui social: condivide il link breve /play/StudioNova/full, che apre il lettore a pagina intera, con i suoi colori, e avvia la riproduzione.
Tre settimane dopo, spunta «Dediche» nella scheda «Funzionalità» e salva: il lettore già incorporato nel suo sito mostra la novità senza che lei debba toccare una riga di codice.
Perché: il codice iframe punta alla vostra configurazione salvata, non la copia. Il link breve, invece, non si rompe mai: basta aggiungere /vertical, /mini o /full per cambiare formato.
Il codice iframe da copiare e incollare e il link breve da condividere Cliccare per ingrandire
Scheda «Flusso audio & software»
Questa scheda è quella da fornire a chiunque voglia ascoltare la vostra radio al di fuori di un sito web.
Il «Link del flusso audio (Icecast)»: l\'URL diretta della vostra antenna.
Un pulsante per ogni utilizzo, con il formato già pronto: «VLC Media Player» (.m3u), «Winamp» (.pls), «foobar2000» (.pls), «iTunes / Apple Music» (.m3u), «Windows Media Player» (.asx), «Sonos · Alexa · Google Home» (URL diretta), «Directory (TuneIn, Radio Garden…)» e «Applicazioni mobili» (.pls).
Il «Link JSON (brano in corso)»: i metadati in tempo reale — titolo, artista, copertina, ascoltatori — per alimentare un sito terzo o un display personalizzato.
Da sapere:
Questi file di playlist vengono generati al momento: il flusso viene inserito al momento del download. I link che condividete rimangono quindi validi anche se il nostro server di diffusione cambia.
Esempio
Radio Horizon riceve tre richieste nella stessa settimana. Ognuna ha il suo pulsante in questa scheda.
Un ascoltatore ascolta sul computer con VLC → pulsante «VLC Media Player», file .m3u.
Un\'ascoltatrice vuole avviare la radio con la voce sul suo altoparlante smart → pulsante «Sonos · Alexa · Google Home», che fornisce l\'URL diretta.
Un sito partner vuole visualizzare il brano in corso → «Link JSON (brano in corso)», che restituisce titolo, artista, copertina e numero di ascoltatori.
Perché: ogni software si aspetta il proprio formato. Fornire l\'URL Icecast grezza a qualcuno che usa Winamp significa tre scambi di messaggi inutili.
L'URL del flusso Icecast e i collegamenti ai software di ascolto Cliccare per ingrandire
Scheda «Dimensioni consigliate»
Le dimensioni raccomandate per il vostro iframe, formato per formato:
«Orizzontale» — larghezza da 400 a 800 px, altezza da 80 a 200 px: barra in fondo o in cima alla pagina.
«Verticale» — larghezza da 280 a 360 px, altezza da 400 a 550 px: sidebar, widget laterale.
«Mini» — larghezza da 250 a 350 px, altezza 56 px: pulsante flottante, header.
«Pagina intera» — larghezza 100%, altezza da 700 a 900 px: pagina dedicata, scheda radio a schermo intero.
Suggerimento:
Il codice fornito applica già la dimensione corretta. Se la modificate manualmente, lasciate un margine in altezza: un lettore troppo basso taglia le dediche e la cronologia.
Esempio
Radio Horizon verifica i valori effettivamente scritti nel codice copiato, per le sue tre integrazioni.
Barra principale, «Orizzontale» senza opzioni: width="100%", height="96px". Con il voto e le dediche attivati, l\'altezza passa a 196px.
Colonna laterale, «Verticale»: width="360px", height="496px" — nella fascia consigliata da 280 a 360 px di larghezza.
Pagina dedicata, «Pagina intera»: width="100%", height="776px".
Il «Mini», invece, viene generato a 320px per 72px: la barra misura 56 px, più 16 px di margine aggiunti dal codice.
Perché: questi 16 px di margine evitano una barra di scorrimento antiestetica nell\'iframe. Se si forza l\'altezza esatta del lettore, il sito mostrerà una scrollbar di tre pixel.
Le dimensioni consigliate per ogni formato Cliccare per ingrandire
