Guarda la videoguida
In questo video trovi i passaggi per inserire uno script sul tuo sito gestito con SuperSite.
Per guardare il video, devi abilitare i cookie dal pannello dei cookie
oppure
Guarda il video su YouTube
Se preferisci leggere tutti i passaggi, consulta le altre sezioni.
SuperSite mette a disposizione componenti pronti all'uso per portare musica, podcast, video e integrazioni personalizzate nelle pagine del sito, senza dover scrivere o modificare il codice del sito. Nella maggior parte dei casi ti basta incollare un indirizzo di incorporamento o caricare un file e scegliere poche opzioni: il lettore compare subito nella pagina e si aggiorna a ogni salvataggio.
Incorporare un contenuto da un servizio esterno
Molti componenti multimediali funzionano allo stesso modo: prendi l'indirizzo del contenuto dal servizio (Spotify, SoundCloud, YouTube o Vimeo) e lo incolli nel componente.
Passaggio 1 - Copia l'indirizzo dal servizio
Sul servizio scelto apri il brano, il video o la playlist e usa la funzione Condividi per copiare il link diretto al singolo contenuto. Evita i link a profili o a pagine generiche: non vengono accettati.
Passaggio 2 - Incolla e salva
Nel pannello del componente trovi il campo dell'indirizzo (ad esempio Inserisci URL o Link video). Incolla il link e salva: il componente riconosce il contenuto e genera il lettore.
Per una playlist di YouTube non serve il link completo: incolla solo l'identificativo della playlist, cioè la parte che segue list= nell'indirizzo.
Aggiungere musica e podcast
Lettore audio
Il lettore audio riproduce i tuoi file direttamente nella pagina, utile per messaggi di benvenuto, podcast, brani o jingle. Carica il file dal blocco Aggiungi file (sono supportati MP3, OGG, WAV e MIDI); per sostituirlo, ripeti il caricamento e il file precedente viene rimosso in automatico.
Scegli poi lo stile del lettore tra Play semplice, Play circolare e Mini-lettore avanzato, che mostra sfondo colorato, nome del file e tempo di riproduzione.
Spotify
Il componente Spotify incorpora brani, album, playlist, artisti, podcast e singole puntate tramite il lettore ufficiale. Dopo aver incollato il link, scegli il colore (chiaro o scuro) e il tema: Copertina, che valorizza l'immagine, oppure Lista, adatto a playlist e podcast con molti episodi.
SoundCloud
Il componente SoundCloud mostra un lettore completo per un singolo brano o podcast e si adatta alla larghezza del contenitore. Accetta solo l'indirizzo di un singolo contenuto, non di profili o playlist; se non ne imposti uno, viene mostrato un contenuto predefinito da sostituire con il tuo.
Aggiungere video
YouTube
Il componente YouTube inserisce un video mostrando prima un'anteprima con il pulsante di riproduzione. Puoi indicare il video incollando il link oppure cercandolo con la ricerca ufficiale di YouTube integrata: scrivi una parola chiave, scegli il risultato e l'anteprima si aggiorna.
Vimeo
Il componente Vimeo inserisce un video di Vimeo incollandone l'indirizzo; eventuali parametri aggiuntivi nel link vengono ignorati. Se il sito è multilingua, puoi impostare un video diverso per ogni lingua.
Playlist di YouTube
Il componente Playlist di YouTube importa un'intera playlist e la aggiorna in automatico: se aggiungi un video su YouTube, compare anche sul sito. Puoi mostrarla come Elenco (griglia con numero di colonne regolabile tramite cursore e paginazione) oppure come Lettore, con un video principale e sotto la lista degli altri.
Video di sfondo
Il video di sfondo inserisce un video che parte da solo, resta sempre muto e si ripete in continuo: è pensato per l'intestazione o le sezioni principali. Scegli il video dalla libreria integrata: apri Cerca video, digita una parola chiave e seleziona un'anteprima.
Regolare riproduzione, ombre e colori
Riproduzione automatica e ripetizione
Sui componenti video e sul lettore audio puoi attivare la riproduzione automatica, che avvia il contenuto al caricamento della pagina, e la ripetizione automatica, che lo fa ricominciare alla fine. Tienile per contenuti brevi: molti browser bloccano l'avvio automatico con audio, quindi affianca sempre un invito a premere il pulsante di riproduzione.
Sul video di YouTube puoi anche attivare o disattivare la barra dei comandi (riproduzione, volume, schermo intero): nasconderla dà un aspetto più pulito, mostrarla lascia il controllo al visitatore.
Ombre e colori
Sui componenti video puoi aggiungere un'ombra scegliendo tra otto varianti, dalla più semplice a quella interna o lucida, e regolandone colore e trasparenza con il selettore colore. Un'ombra leggera, con opacità bassa, stacca il video dallo sfondo senza appesantire la pagina.
Per il lettore audio puoi impostare il colore principale, cioè lo sfondo dell'icona o del mini-lettore, e solo nel mini-lettore il colore delle onde animate.
Inserire codice personalizzato
Il Blocco HTML personalizzato serve per tutto ciò che i componenti standard non coprono: codice tuo, strumenti di terze parti, sistemi di prenotazione o assistenza e script di misurazione.
Sono disponibili due modalità. In modalità HTML il contenuto è trattato come struttura visiva della pagina, adatta a layout, riquadri informativi ed elementi statici. In modalità Script il contenuto viene eseguito come codice in uno spazio dedicato, adatto a strumenti interattivi, assistenti e sistemi di misurazione.
Un editor con evidenziazione della sintassi ti aiuta a scrivere e il salvataggio è automatico quando esci dall'area di testo. Con il pulsante di anteprima passi dalla vista del codice al risultato reale, così correggi finché sei soddisfatto.
Per la conformità al GDPR, a ogni blocco assegni una categoria cookie coerente con il tuo avviso cookie: nessun cookie, indispensabile, preferenze, statistiche, marketing oppure non classificato, da sistemare prima della pubblicazione.
Problemi comuni e soluzioni
Il lettore o il video non compare dopo aver incollato l'indirizzo.
Di solito l'indirizzo non è nel formato giusto o punta a una pagina generica. Usa la funzione Condividi del servizio per copiare il link diretto al singolo contenuto, verifica che sia pubblico e, per una playlist di YouTube, incolla solo l'identificativo che segue list=.
Vedo un contenuto che non è il mio.
Non hai ancora impostato il tuo indirizzo: alcuni componenti mostrano un contenuto predefinito di esempio. Apri le impostazioni, incolla il tuo link e salva.
La riproduzione automatica non parte.
È un comportamento dei browser, che bloccano l'avvio automatico con audio, soprattutto su smartphone. Affianca sempre al contenuto un invito a premere il pulsante di riproduzione e verifica su più dispositivi.
Il video o il lettore appare tagliato.
Il contenitore ha proporzioni diverse da quelle del contenuto. Ridimensiona il componente nell'editor avvicinandoti alle proporzioni originali, di solito 16:9.
Dopo aver sostituito un file sento ancora quello vecchio.
Il file precedente viene rimosso, ma il browser può mostrare la versione tenuta in memoria. Ricarica la pagina con aggiornamento forzato: Ctrl+F5 su Windows o Cmd+Shift+R su Mac.
Il codice personalizzato non si vede o altera la pagina.
Controlla che i tag siano chiusi correttamente e che gli stili restino limitati al componente; in modalità Script verifica che il codice sia valido e salvato. Se un contenuto si carica nonostante l'avviso cookie, assicurati che la categoria scelta corrisponda a quelle gestite dal tuo avviso.