Come incorporare un video in diretta sul tuo sito web [2024 Update]
Oggi il video è il re. Le statistiche dimostrano costantemente che le persone guardano meno TV e guardano più video online. Ad esempio, è stato dimostrato che Il 44% delle persone guarda meno TV perché invece guardano i video in diretta. Inoltre, oltre l’80% del pubblico preferisce guardare i video in diretta piuttosto che leggere i blog.
Per incorporare il live stream in un sito web, inizia scegliendo un lettore video che supporti il tuo formato di streaming. Una volta configurato, avrai bisogno del codice HTML del live stream fornito dalla piattaforma di streaming. In genere questo codice include un iframe o un tag video da inserire nell’HTML del tuo sito web. Se ti stai chiedendo come incorporare un live stream nel tuo sito web, devi semplicemente incollare questo codice nel punto in cui vuoi che appaia lo streaming. In questo modo potrai incorporare facilmente lo streaming e offrire ai tuoi visitatori un’esperienza di visione in diretta senza soluzione di continuità.
In questo post ti mostriamo come incorporare e integrare completamente i video live nel tuo sito web. Approfondiamo anche l’importanza dei contenuti video al giorno d’oggi. Inoltre, ti indichiamo i 3 principali errori da evitare quando incorpori video in live-streaming, in modo da offrire ai tuoi spettatori un’esperienza senza soluzione di continuità.
*Questo post riflette le informazioni più aggiornate al 2024.
Indice dei contenuti
- Che cos’è l’incorporamento di video?
- Vantaggi dell’incorporazione di un video nel tuo sito web
- L’importanza dei contenuti video per il tuo sito web
- Come funziona l’integrazione dei video?
- Come incorporare un video in diretta sul tuo sito web
- Come incorporare gli stream RTMP nelle pagine web
- Come incorporare i flussi RTSP nelle pagine web
- Come incorporare video in streaming nei più diffusi costruttori di siti web
- Esempi di video in diretta incorporati
- Come incorporare un lettore video sui social media
- Come migliorare un video live incorporato
- I 3 principali errori da evitare quando inserisci un video in diretta sul tuo sito web
- Conclusione
Che cos’è l’incorporamento di video?
Incorporare video da una piattaforma di hosting invece che da YouTube o da un altro servizio di streaming gratuito ti permette di avere un maggiore controllo sui tuoi contenuti.
Incorporare un video significa aggiungere un flusso live o un lettore video al tuo sito web utilizzando una piattaforma video online. piattaforma video online. Per molti siti web di live-stream o piattaforme di social media, è semplice copiare e incollare un link.
Puoi utilizzare strumenti gratuiti come YouTube per incorporare i video sul tuo sito web di live-streaming. Tuttavia, questi strumenti gratuiti presentano delle limitazioni per l’incorporazione di contenuti video in diretta sul tuo sito web, per cui non sono la soluzione migliore per incorporare un video in diretta.
Ci sono alcuni inconvenienti nell’utilizzo di YouTube per l’hosting e l’incorporamento dei flussi live:
- Traffico perso: YouTube attira il traffico dal tuo sito e lo riporta su YouTube attraverso i video correlati mostrati alla fine del video. YouTube non è progettato per mantenere gli spettatori sul tuo sito web di live-streaming.
- Aspetto non professionale: YouTube ha il suo marchio sulle sovrimpressioni e sulle filigrane, e qualsiasi video incorporato da YouTube al tuo sito web di live streaming avrà un “pulsante Guarda su YouTube”. Il tuo marchio non è affatto presente.
- Assenza di assistenza clienti: L’assistenza clienti di YouTube è quasi inesistente, quindi se il link di un live stream non funziona o se la qualità dello streaming non è all’altezza, dovrai risolvere i problemi da solo.
- Regole arbitrarie: YouTube ha linee guida arbitrarie sui contenuti. Se YouTube decide che il tuo contenuto o messaggio non è di suo gradimento, può essere cancellato dal tuo canale e dal tuo sito web di live-streaming tramite il link di incorporamento di YouTube.
- Pubblicità: YouTube può pubblicare annunci pubblicitari su qualsiasi contenuto video. Non puoi controllare gli annunci pubblicitari che appaiono sui tuoi contenuti. Questo può rovinare l’esperienza complessiva e abbassare il livello dei tuoi contenuti.
- Meno controllo: Mantenere un numero impressionante di spettatori in diretta è una delle tante metriche che mostrano l’andamento dei tuoi contenuti video. Con YouTube hai molto meno controllo su elementi come la qualità dello streaming o gli annunci.
Utilizza piattaforme professionali di piattaforme di hosting video professionali ti permette di avere un maggiore controllo sui tuoi contenuti. Poiché il contenuto è di tua proprietà, puoi rimuovere il marchio dell’host. Inoltre, non dovrai preoccuparti di seguire le rigide linee guida di YouTube o che i tuoi contenuti vengano cancellati senza il tuo permesso.
L’incorporazione dei video è abbastanza semplice, a patto che il design del tuo sito web di live-streaming sia compatibile con il tipo di video live-streaming che vuoi impostare. Puoi facilmente incorporare video in live streaming o clip dei tuoi live stream passati direttamente sul tuo sito web o sulla tua app di live streaming.
Vantaggi dell’incorporazione di un video nel tuo sito web
Esistono due modi principali per inserire i video nel tuo sito web o in una landing page. Puoi collegare o incorporare i video. Quando inserisci un video nel tuo sito web di live stream, i visitatori possono guardarlo senza lasciare la pagina web in cui si trovano. Quando colleghi un video a un sito web di live stream, i visitatori devono cliccare sul link, reindirizzandoli alla pagina web in cui è ospitato il video. L’incorporazione dei video anziché il loro collegamento presenta notevoli vantaggi sia dal punto di vista dell’esperienza utente sia dal punto di vista SEO:
- Esperienza di visualizzazione ottimizzata: Puoi ottimizzare il video per la visualizzazione online con un codice embed. Quando incorpori direttamente un live stream sul tuo sito web di live streaming, puoi regolare le dimensioni, l’altezza e la larghezza del video per garantire una visualizzazione ottimale sul tuo sito web.
- Personalizza l’ora di inizio: puoi personalizzare l’ora di inizio del video con un codice incorporato. Questo ti permette di indirizzare gli spettatori a un orario di inizio specifico all’interno del tuo contenuto video.
- Mantieni gli utenti sul tuo sito: Imparando a incorporare il live stream sul sito web, manterrai gli spettatori sul tuo sito invece di collegarsi a un altro sito. Questo è particolarmente vero se utilizzi un servizio di hosting video privato invece di una piattaforma di hosting video gratuita per incorporare i tuoi video in live-stream.
- Aiuta la SEO: Se vuoi migliorare l’ottimizzazione per i motori di ricerca, incorporare i video è uno dei modi migliori per raggiungere questo obiettivo. È più facile posizionarsi quando sul tuo sito web sono presenti sia testi che video.
- Aumenta il coinvolgimento: Sul tuo sito web di live streaming puoi monitorare numeri come il numero di spettatori in diretta. Si tratta di informazioni utili che ti indicano l’andamento di ogni live streaming. Le persone amano guardare i video; la creazione di una videoteca sui siti web di streaming video e l’aggiunta di video direttamente sul tuo sito web di live streaming consente di aumentare il coinvolgimento degli utenti sul tuo sito web. È anche più facile coinvolgere ed entusiasmare i tuoi spettatori per i tuoi prossimi contenuti attraverso il tuo sito di live-streaming.
- Restringe il tuo pubblico di riferimento: Sapere cosa fare è più importante che creare una vasta libreria di video. Gli spettatori che si collegano al proprio sito web di live-streaming possono trasmettere video in diretta e lasciare qualcosa di più importante dietro ai dati degli spettatori. Questi dati ti permettono di conoscere il tuo pubblico di riferimento e il tipo di contenuti a cui è più interessato. In questo modo puoi restringere il focus della tua pagina web e creare eventi live sugli argomenti che interessano di più ai tuoi spettatori.
- Più facile da gestire: la gestione del tuo sito di live streaming ti permette di gestire facilmente e in streaming diverse categorie di video, come le dirette passate, i video on demand in abbonamento e le brevi clip, nonché di promuovere la tua prossima sessione di live streaming senza dover pagare extra a siti web di terze parti. I tuoi spettatori possono accedere a tutti i tuoi contenuti attraverso il tuo sito di live-streaming o la tua app di live-streaming.
Invece di linkare a video ospitati su altri siti, incorporare i video ti permette di creare un’esperienza video personalizzata, di mantenere gli spettatori sul tuo sito web, di aumentare il coinvolgimento diretto e di contribuire alla SEO.
L’importanza dei contenuti video per il tuo sito web
Prima di scoprire come incorporare un video in diretta sul tuo sito web, è importante capire il valore dei contenuti video in diretta per la tua azienda.
- Marketing: Il video è uno dei principali strumenti di marketing online. Il 71% delle aziende B2B e il 61% delle aziende B2C utilizzano i video come strumento di marketing. L’87% degli operatori di marketing che utilizzano i video di marketing segnalano un aumento del traffico sul sito web grazie ai contenuti video; quindi offre un ottimo ROI.
- I video aumentano il posizionamento SEO: Per quanto riguarda le classifiche SEO, i contenuti video sono 50 volte più probabilità di posizionarsi rispetto ai post di testo. Mettere insieme contenuti testuali e video è un ottimo modo per migliorare le classifiche delle tue pagine web.
- I video aumentano il coinvolgimento: 9 su 10 Gli spettatori vogliono vedere più video dei marchi e delle aziende con cui si impegnano. Una persona media trascorre circa 100 minuti al giorno guardando video online. Perché non sfruttare questo potenziale creando contenuti video-on-demand in abbonamento?
- I video hanno un tasso di ritenzione più alto: Rispetto ai contenuti scritti (tassi di ritenzione del 10-20%), i contenuti visivi, come i video e i video in live stream, hanno un tasso di ritenzione molto più alto (65%). I video hanno anche un impatto maggiore, soprattutto se li usi per mostrare la personalità del tuo marchio o le testimonianze.
- Il video è ciò che la gente vuole: Un rapporto di HubSpot ha dimostrato che circa 53% delle persone vuole che i siti web includano più contenuti video. È essenziale per i siti web delle aziende di e-commerce perché circa 88% dei clienti dichiara di acquistare i prodotti perché il video li convince.
Sei interessato a maggiori informazioni sullo stato dello streaming video online? Leggi il nostro post sulle statistiche dello streaming per conoscere le tendenze attuali dello streaming online.
Come funziona l’integrazione dei video?
Il video embedding funziona aggiungendo un frammento di codice, detto “codice embed”, dal sito web di streaming video al codice del tuo sito web. Questo ti permette di integrare e impostare video in live-streaming sul tuo sito web.
Per impostare un lettore video incorporato, il software di hosting video di Dacast genera due tipi di codici embed: iFrame e JS. Quale scegliere dipende dalla tua particolare configurazione di streaming.
Codice incorporato JS
Il codice embed JS è il codice embed predefinito di Dacast e supporta la maggior parte delle funzioni. Questo include l’essere reattivo se gli elementi hanno dimensioni diverse sulla piattaforma di hosting video rispetto al sito web. Funziona anche con le funzioni di restrizione dei referrer.
Codice di integrazione iFrame
Il codice embed di iFrame è il più universalmente compatibile. L’avvertenza è che alcune funzioni non funzionano con esso. Questo codice embed non è responsive, ovvero ha una dimensione fissa.
A volte viene rimossa anche la funzione a schermo intero. Di solito succede solo se si utilizzano iFrames all’interno di iFrames. La funzione di restrizione del referrer basata sull’URL non funziona con l’embed dell’iframe. Il codice embed JS è più reattivo; tuttavia, il codice embed iFrame è più universalmente compatibile.
Come incorporare video in diretta sul tuo sito web
Puoi incorporare i video nel tuo sito senza avere alcuna competenza in materia di codifica. Non è difficile incorporare un video sul tuo sito web, ma richiede alcuni strumenti diversi e un po’ di conoscenza. Vediamo come incorporare un lettore video sul tuo sito web in 5 semplici passi. Questi passaggi sono gli stessi per incorporare video in diretta o contenuti video-on-demand.
1. Scegliere una piattaforma di streaming live
Il primo passo per incorporare un video in diretta sul tuo sito web è investire in una piattaforma di live streaming. Con gli innumerevoli servizi di streaming disponibili, questo può essere un compito scoraggiante per i broadcaster. Questo strumento serve a gestire e ospitare tutti i tuoi contenuti video. Molti di questi siti web di live-streaming supportano anche la monetizzazione, la sicurezza e molto altro. Alcune delle principali piattaforme di live-streaming sono:
- Vidyard
- (da Vimeo)
- Kaltura
- Brightcove
Anche in questo caso, YouTube e Vimeo sono due alternative gratuite. Queste opzioni sono minime in termini di funzioni e capacità, ma possono essere utili per le emittenti con budget limitati. L’utilizzo di una piattaforma professionale di live streaming offre alcuni vantaggi distinti, come ad esempio:
- Esperienza di player video personalizzata con funzionalità white-label
- Rete di distribuzione dei contenuti(CDN) di alto livello per una qualità professionale del live-streaming
- Opzioni di monetizzazione video
- API per lo streaming live che ti permettono di gestire i tuoi contenuti come preferisci
- Analisi avanzata dei video in diretta per avere un feedback in tempo reale sul successo dei tuoi streaming
Per maggiori informazioni sulla scelta di un sito web di streaming video per ospitare il tuo streaming, consulta il nostro post di confronto delle piattaforme di live streaming.
2. Crea un canale live
Una volta scelta una piattaforma professionale di live-streaming, è il momento di creare un canale live. Per farlo, in Dacast:
- Clicca sul pulsante viola “Aggiungi +”nel menu a sinistra.
- Seleziona “Streaming in diretta“.
- Quando appare la finestra, aggiungi un titolo e seleziona “Standard” come tipo di flusso.
- Clicca su “Crea“.
Ora hai creato un canale live su Dacast per ospitare il tuo live stream. È necessario creare un canale live prima di creare un codice embed da utilizzare per lo streaming sul tuo sito web.
3. Generare un codice embed
I siti web di live streaming come Dacast ti permettono di incorporare manualmente i contenuti in streaming sul tuo sito web, fornendoti i codici embed necessari per farlo. Dacast rende eccezionalmente facile per gli utenti creare player incorporati nei loro siti e trasmettere video in diretta. FASE 1: Per iniziare, accedi al tuo account Dacast. Trova il video che vuoi incorporare e clicca sul pulsante “Modifica“:
FASE 2: vai alla sezione “Condivisione” nella scheda “Generale” e copia il “Codice incorporato”:
Esistono due tipi di codici embed: JS (Javascript) e iframe. Ti consigliamo di utilizzare il codice embed JS perché è più universalmente compatibile con la funzione a schermo intero. Il codice embed JS è anche un requisito per il funzionamento della funzione di restrizione degli URL (che limita i contenuti in base ai siti web autorizzati a ospitarli). Detto questo, il codice embed iFrame è più compatibile e/o richiesto da alcuni framework, tra cui WordPress e WIX. FASE 3: Una volta selezionato il tipo di codice embed, l’ultima cosa da fare è inserirlo nel tuo sito web. L’aspetto non sarà lo stesso per tutti, a patto che tu abbia accesso alla modifica del codice HTML. Il suo aspetto sarà simile a questo:
Se vai nella scheda “Generale” e vai su “Condivisione”, vedrai anche l’opzione “Condividi link”. Non si tratta di un codice embed ma di un link che ti permette di condividere direttamente con gli spettatori o con i tuoi social network. Il link indirizzerà gli spettatori a una pagina con un lettore video dove potranno vedere il tuo video; non li indirizzerà al tuo sito web. Se hai domande sull’incorporazione dei video o hai bisogno di aiuto con questa funzione di Dacast, non esitare a contattarci direttamente.
4. Incolla il codice embed
Trova il punto del tuo sito in cui desideri incorporare il lettore video. Apri l’editor HTML e incolla il codice embed copiato dall’OVP. Visualizza l’anteprima delle modifiche per verificare che il codice funzioni correttamente. Utilizzando le restrizioni di dominio o i codici embed firmati, puoi anche condividere i video privatamente per assicurarti che i tuoi video siano accessibili solo sui siti web di tua proprietà. Questa funzione è disponibile su molte piattaforme CMS professionali per video e protegge i tuoi contenuti anche quando utilizzi un sito web di live streaming di terze parti.
5. Salva le tue modifiche
Salva le modifiche e pubblica la pagina o il post che hai modificato. Anche in questo caso, prova il sito live per assicurarti che il lettore video incorporato sia impostato correttamente. È una buona idea testare il flusso video in diretta prima dell’inizio della trasmissione. Ora sai come utilizzare Dacast per incorporare video direttamente sul tuo sito web.
Come incorporare i flussi RTMP nelle pagine web
Puoi utilizzare il protocollo RTMP (Real-Time Messaging Protocol) per incorporare video nelle tue pagine web. Per incorporare un flusso video in una pagina web utilizzando l’opzione Protocollo RTMPsegui questi passaggi. Potrai arricchire il tuo sito con contenuti video in diretta.
Innanzitutto, assicurati di aver configurato un server RTMP, come Wowza o un servizio di streaming che supporti RTMP. Poi, ti servirà un player in grado di gestire i flussi RTMP. JW Player e Video.js sono scelte popolari. Questi player ti permettono di incorporare facilmente RTMP nella pagina web.
Per chi si chiede “come aggiungere un live stream al mio sito web”, un’altra opzione è quella di utilizzare un iframe per il live streaming. Alcuni server RTMP o piattaforme di terze parti ti permettono di generare un iframe da inserire facilmente nel tuo HTML, rendendo più semplice lo streaming sul tuo sito web.
Utilizzando questi metodi, puoi trasmettere video in streaming sul tuo sito web e offrire ai visitatori un’esperienza coinvolgente e senza soluzione di continuità grazie a un flusso incorporato.
Come incorporare i flussi RTSP nelle pagine web
Puoi anche utilizzare RTSP (Real-Time Streaming Protocol) e incorporarlo nelle tue pagine web. Incorporare un Flusso RTSP in una pagina web è un modo efficace per trasmettere in streaming sul tuo sito web e fornire contenuti video in diretta. RTSP è comunemente utilizzato per le telecamere IP e i media server, ma è meno supportato in modo nativo dai browser rispetto a protocolli come HTTP o RTMP. Tuttavia, esistono metodi efficaci per incorporare il flusso RTSP nella pagina web.
Per prima cosa, avrai bisogno di un lettore video compatibile come Video.js o il plugin web di VLC in grado di gestire i flussi RTSP. Questi lettori possono essere configurati per trasmettere all’interno della tua pagina web.
Per incorporare un video in diretta streaming in HTMLutilizza il seguente codice HTML per lo streaming video in diretta:
“`html
<video width=”640″ height=”480″ controlli>
<source src=”rtsp://your-stream-url” type=”application/x-rtsp”>
Il tuo browser non supporta il tag video.
</video>
“`
Questo semplice snippet ti permetterà di mostrare lo streaming direttamente all’interno del tuo sito web. Se ti stai chiedendo come integrare lo streaming live in un sito web, questo metodo ti offre una soluzione semplice.
In alternativa, puoi utilizzare un iframe, se il tuo servizio di streaming lo supporta. L’opzione di incorporazione del live stream tramite iframe è un altro ottimo modo per incorporare il live stream sul sito web.
Utilizzando questi approcci, puoi incorporare efficacemente un flusso video in diretta e offrire al tuo pubblico una fantastica esperienza di visione.
Dacast supporta RTMP, in modo da poter incorporare e trasmettere i tuoi contenuti in modo semplice e senza interruzioni.
Come incorporare video in streaming nei più diffusi costruttori di siti web
Puoi incorporare i video nel tuo sito web in modo molto semplice se utilizzi un costruttore di siti web drag-and-drop. Incorporare video su siti web di live streaming come Wix, Weebly, WordPress o Yola richiede solo pochi passaggi. Ecco le istruzioni passo-passo su come incorporare video in live-stream attraverso uno dei seguenti servizi di web hosting:
1. Wix
Wix è una delle piattaforme di costruzione di siti web drag-and-drop più semplici, ma è possibile ottenere plugin e aggiornamenti per una maggiore personalizzazione.
Wix è una piattaforma per la creazione di siti web che viene utilizzata da molte persone che adottano un approccio fai-da-te alla creazione dei loro siti web. Parliamo di come incorporare un video in live-streaming su Wix. Puoi incorporare un video sul tuo sito con pochi semplici passaggi.
- Clicca sull’icona del Wix App Market sul lato sinistro dell’editor.
- Nella ricerca dell’applicazione, digita “HTML embed”.
- Clicca su “Aggiungi al sito”.
- Clicca sull’applicazione HTML
- Dal menu a comparsa, clicca su “Impostazioni”.
- Alla voce “Modalità” scegli “Codice HTML”.
- Alla voce “Codice HTML/Embed”, incolla il codice che hai generato su Dacast
- Clicca su “Aggiorna”.
Dai un’occhiata al sito pubblicato per assicurarti che il Wix Livestream appaia come dovrebbe. Ecco come trasmettere video in diretta al tuo sito web di live-streaming utilizzando Wix.
2. Weebly
Con Weebly incorporare i video è molto semplice.
Questa piattaforma è molto utilizzata perché puoi creare un sito web di live-streaming o un negozio online con lo stesso website builder. Dispone di un editor drag-and-drop che lo rende un’opzione eccellente per tutti i livelli di utenti e per le persone impegnate. Poiché ha un’interfaccia pulita e reattiva, puoi creare diversi tipi di siti web, come portafogli personali, siti di notizie e siti aziendali. Ecco come incorporare un video in Weebly:
- Accedi al backend del tuo sito Weebly
- Clicca sulla scheda “Costruisci” nel menu in alto.
- Trova l’opzione “codice di incorporamento” nella navigazione a sinistra.
- Trascina e rilascia l’ opzione del codice embed nel punto in cui vuoi aggiungere il tuo video in live-streaming
- Vai sulla tua piattaforma di video live e copia il codice embed. Il codice embed di Dacast iFrame è l’ideale.
- Poi incolla il codice nel campo che dice “clicca per impostare un HTML personalizzato”.
- Posizionalo nel punto giusto e clicca su “Pubblica”.
Se il video non viene visualizzato nell’editor, non preoccuparti. Prova a pubblicare e il lettore video di Weebly dovrebbe apparire. Puoi sempre tornare in modalità editor e modificare la posizione del video live incorporato se non ti piace il suo aspetto.
3. WordPress
WordPress è una delle piattaforme di costruzione di siti web più popolari perché offre pacchetti per tutti, dal blogger di base al magnate dell’e-commerce.
Il sito web di WordPress offre un’ottima soluzione di streaming per le emittenti. Il sito web di WordPress ha recentemente aggiornato la sua piattaforma, quindi incorporare un video nel tuo sito web di live-streaming è facile come sempre. Ecco cosa devi fare:
- Copia il tuo codice embed da Dacast
- Apri la pagina o il post in cui vuoi aggiungere il video
- Clicca sul segno più nell’angolo in alto a sinistra
- Cerca “Video” nel menu degli elementi
- Trascina e rilascia l’ elemento video nel punto in cui desideri che sia presente il video.
- Clicca sui tre punti in cima all’elemento e clicca su “Modifica come HTML”.
- Incollare il codice embed
- Clicca su “Aggiorna”.
Per incorporare un video in diretta streaming sulla versione precedente di WordPress, devi passare da “Visual Editor” a “HTML Editor” e incollare il codice di incorporamento. Questo è tutto ciò che devi sapere su come incorporare un video in diretta streaming con WordPress.
4. Shopify
Shopify è un’opzione popolare per i commercianti che desiderano offrire un’esperienza di acquisto dal vivo agli spettatori.
Per incorporare i video in streaming su Shopify per un’esperienza di shopping in diretta, segui questi passaggi:
- Copia il tuo codice embed da Dacast
- Apri la pagina o il post in cui vuoi aggiungere il live stream
- Clicca sul simbolo della telecamera
- Incolla il codice embed da Dacast
- Clicca su “Salva”.
Assicurati di cliccare su “visualizza pagina” per verificare che il lettore video incorporato funzioni. Se gestisci un sito web Shopify, questo è tutto ciò che devi fare per incorporare un video live sul tuo sito.
5. Yola
Yola è noto per il suo eccellente supporto clienti, quindi se hai problemi con l’incorporazione sulla sua piattaforma, ti aiuterà a risolvere il problema.
Su Yola puoi aggiungere video al tuo sito web da altri siti di condivisione video. Con il codice embed di Dacast, segui questi passaggi.
- Copia il codice fornito.
- Vai al site builder, poi clicca su “Widget “.
- Seleziona “Popolare”.
- Trascina e rilascia il widget “Codice HTML” sulla tua pagina.
- Incolla il codice nell’editor HTML
- Clicca su “Salva”.
È sempre una buona idea visualizzare l’anteprima della pagina pubblicata per assicurarsi che tutto vada bene per i tuoi spettatori. Questo è tutto ciò che devi fare per sapere come andare in diretta sul sito web di Yola con i tuoi contenuti.
6. Siti Google
Google Sites è molto comodo se lavori al tuo sito con altri membri del tuo team.
Google Sites fa parte della suite di strumenti di Google. È un servizio gratuito che ti permette di creare il tuo sito web. Il servizio è stato creato per permettere a gruppi di persone di creare e modificare insieme un sito web da luoghi diversi. Per incorporare la pagina di Google Sites, segui i seguenti passaggi:
- Copia il codice di incorporamento di Dacast per il video
- Individua la pagina in cui vuoi incorporare il video
- Clicca su “Modifica pagina “.
- Posiziona il cursore nel punto in cui vuoi che venga visualizzato il video
- Vai a “Inserisci menu”.
- Clicca su “Altri gadget”.
- Ora seleziona “In primo piano” e poi trova “Incorpora gadget”.
- Una volta selezionato il “Gadget Incorpora”, incolla il codice embed
- Clicca su “OK” per salvare la pagina
Questo è tutto ciò che devi fare. Ora il video sarà incorporato direttamente nel tuo sito web di Google Sites per essere visualizzato dagli utenti.
7. Squarespace
Squarespace è una solida piattaforma per la creazione di siti web professionali per lo streaming video in diretta senza alcuna esperienza di codifica.
Squarespace è un po’ limitato per quanto riguarda le piattaforme di streaming che puoi utilizzare sui suoi piani più economici. Incorporare un live stream di YouTube su Squarespace è molto più semplice ma, come già detto, ha i suoi limiti. Per utilizzare Dacast per incorporare un live stream su Squarespace, dovrai passare a un piano Business e Commerce. Ecco le istruzioni passo-passo per incorporare un video live in Squarespace utilizzando un codice embed di Dacast.
- Clicca su modifica
- Clicca sul segno + nella sezione in cui vuoi incorporare il live stream.
- Clicca sul codice< / >
- Assicurati che sia impostato su HTML
- Cancella il testo “ <p>Hello, World!< /p>”.
- Copia il tuo codice embed da Dacast
- Incolla il codice
- Controlla che il codice HTML per la trasmissione in diretta del video sia stato impostato correttamente.
Per quanto riguarda il modo in cui incorporare un video di YouTube su Squarespace, segui questi passaggi:
- Clicca su modifica
- Clicca sul segno +
- Clicca sul video
- L’opzione predefinita è quella di aggiungere un URL di streaming, ma a destra di questa opzione troverai </> ed è proprio su questo che dovrai cliccare.
- Trova il codice di incorporamento del tuo flusso live di YouTube nella scheda “Gestisci”.
- Incolla il codice e risparmia.
Anche in questo caso, non è mai una cattiva idea assicurarsi che tutto sia impostato correttamente. Ecco cosa devi fare per incorporare un video in live-streaming su Squarespace.
8. GoDaddy
Il website builder di GoDaddy è uno strumento di editing e pubblicazione online gratuito e facile da usare.
Questo website builder è veloce da configurare e ha tutte le opzioni necessarie per un sito di base. Ti chiede di inserire le tue specifiche per un sito web e poi ne genera uno per te con un tema adatto al tuo settore e tutti i widget e le pagine necessarie. Puoi sempre personalizzarlo per renderlo tuo. Ecco come incorporare un video nel tuo sito web GoDaddy:
- Vai alla pagina di amministrazione del tuo sito web e trova la pagina in cui vuoi incorporare il tuo video in diretta.
- Clicca su “Aggiungi una sezione”.
- Trova l’opzione “Aggiungi sezione HTML” e clicca su “Aggiungi”.
- Copia il codice di incorporamento del tuo video live-stream
- Incollalo nel tuo sito web nel campo “codice personalizzato”.
- Clicca su “anteprima” per vedere come appare e poi clicca su “pubblica”.
E voilà! Il tuo video in diretta è ora disponibile sul tuo sito web GoDaddy.
9. Zyro
Zyro è un costruttore di siti web fai-da-te con un proprio provider di web hosting che permette a chiunque di creare facilmente un sito web o un negozio online.
Zyro è un costruttore di siti web molto popolare grazie ai suoi piani economici e ai suoi modelli flessibili. La sua interfaccia facile da usare lo rende un’ottima scelta per i principianti, ma offre anche alcune incredibili funzioni per gli utenti avanzati per costruire siti web dall’aspetto professionale. Puoi anche modificare comodamente i modelli per aggiungere il tuo marchio. Ecco come incorporare un video in live-streaming in un sito web Zyro:
- Accedi al tuo portale di amministrazione Zyro
- Vai al menu di navigazione a sinistra e clicca su “pagine”.
- Se vuoi creare una nuova pagina per il video in diretta, clicca su “Aggiungi pagina” e inserisci un titolo e le relative informazioni.
- Altrimenti, clicca su una pagina esistente e seleziona l’opzione “modifica”.
- Individua l’area della tua pagina in cui desideri incorporare il video
- Clicca su “aggiungi sezione” dal menu a sinistra
- Trova l’opzione “codice incorporato
- Copia il tuo codice embed dalla piattaforma di streaming video live, come Dacast o YouTube.
- Inserisci il codice embed che hai copiato dal tuo video in live-streaming.
- Clicca su “Anteprima” per visualizzare le tue modifiche
- Quando sei pronto, clicca su “aggiorna” per finalizzare le modifiche.
E il gioco è fatto.
Esempi di video in diretta incorporati
Ecco alcune organizzazioni che incorporano video in live-streaming direttamente sul loro sito web. Ecco alcune organizzazioni che incorporano video in live-streaming direttamente sul loro sito web.
Sport in diretta streaming
Pittsfield TV è un’emittente televisiva creata per la comunità locale. È un ottimo esempio di eventi in diretta che possono essere trasmessi sul tuo sito web perché, oltre allo sport in streaming, ha anche altri canali per l’istruzione e le notizie in diretta streaming.
Musica in diretta streaming
TV-Polmusic, con sede nel New Jersey, mette in evidenza gli artisti musicali polacchi. Dispone di un lettore video incorporato che trasmette video musicali in diretta a un pubblico globale.
Lezioni in diretta streaming
Il Gresham College è un college di Londra che non iscrive studenti ma offre lezioni gratuite al pubblico. Ora inserisce i flussi in diretta delle sue lezioni direttamente sul suo sito di live-streaming.
Come incorporare un lettore video sui social media
Che tu voglia utilizzare le piattaforme di servizi di streaming sui social media come Facebook Live per trasmettere in diretta lo sport o semplicemente per ospitare un webinar di formazione per la tua azienda, la possibilità di incorporare contenuti in diretta sui social media è fondamentale nel mondo di oggi. Nonostante le limitazioni del live streaming, i social media sono considerati un modo efficace per guadagnare spettatori e far crescere il seguito delle tue trasmissioni. Puoi condividere uno di questi identici codici embed su Facebook e Twitter per dare accesso alla tua trasmissione live o al tuo video-on-demand. Puoi trovare questo codice nella sezione “IMPOSTAZIONI DI PUBBLICAZIONE” del tuo contenuto video. Tieni presente che Facebook Live ha limitato la possibilità di trasmettere in diretta sulla piattaforma. Pertanto, se vuoi trasmettere in diretta sulla piattaforma di Facebook, consulta questo tutorial per avere informazioni su come lavorare con tutti gli encoder che supportano lo streaming multi-destinazione su Facebook Live.
Incorporamento di video in diretta per dispositivi mobili e desktop
L’incorporazione di video in diretta streaming nei tuoi siti desktop o mobili può essere effettuata senza alcuna competenza di codifica, poiché il codice iFrame viene fornito per te. Con Dacast e la maggior parte delle altre piattaforme di streaming video, le emittenti non devono preoccuparsi di scrivere il codice di incorporamento corretto perché il software genera il codice per te, rendendo facile l’incorporamento dei video in diretta. Puoi copiare e incollare il codice iFrame o JS direttamente nell’HTML del tuo sito web. Questo metodo funziona bene sia per i siti mobili che per quelli desktop. È un vantaggio perché la visione di video su dispositivi mobili ha una storia travagliata. Il Flash Media Player di Adobe è stato lo standard per la riproduzione dei video per molti anni. Questa tendenza è cambiata con l’avvento degli smartphone, in particolare dell’iPhone, nel 2007. Il sistema operativo iOS di Apple non ha mai supportato – e probabilmente non supporterà mai – la tecnologia Flash. Steve Jobs ha rilasciato una dichiarazione pubblica sui difetti tecnici di Flash Media Player. Ha sottolineato questi difetti come motivo per non utilizzare Flash per l’iOS di Apple. Questo annuncio ha creato polemiche e forti speculazioni. Ci sono state molte teorie sulle motivazioni di Jobs. Tuttavia, poco dopo, Apple ha lanciato il protocollo HTTP Live Streaming in concomitanza con il debutto dell’iPhone 3. Da allora Flash è in declino, soprattutto per i sistemi operativi mobili. Qualche anno dopo, Android ha seguito l’esempio abbandonando Adobe Flash. Di conseguenza, Dacast e altre piattaforme di live streaming integrano ora HTML5 nei nostri codici embed. Questa funzione ti aiuta a creare player incorporati compatibili con la maggior parte dei dispositivi.
Come migliorare un video live incorporato
Dopo aver seguito tutti i passaggi per incorporare correttamente i live stream su un sito web, l’ultima cosa che vuoi è un video laggoso con un audio traballante. Per migliorare la qualità video del tuo live stream, devi conoscere gli encoder. Un encoder, tra i tanti vantaggi, rende i tuoi video e le tue sessioni di live streaming più professionali. Inoltre, stabilizza lo streaming quando la connessione internet non è affidabile. Esistono due tipi di encoder: hardware e software. L’utilizzo di un encoder software o hardware dipende dagli obiettivi del tuo brand. Gli encoder hardware sono generalmente più costosi di quelli software, ma sono noti per la loro velocità. Oltre al prezzo, un altro vantaggio degli encoder software è l’accesso immediato agli aggiornamenti del software di streaming, mentre l’aggiornamento dell’hardware fisico è molto più difficile. Se sei alle prime armi con gli encoder, l’encoder open-source OBS Studio è una buona opzione nota per la sua semplicità.
I 3 principali errori da evitare quando inserisci un video in diretta sul tuo sito web
Sebbene il processo di incorporazione di video live in tutti i più diffusi website builder sia relativamente semplice, c’è ancora spazio per gli errori. Ecco i tre principali che dovresti evitare:
- Impostazioni sulla privacy: Verifica che le impostazioni sulla privacy del tuo video live siano le stesse della pagina del tuo sito web. In questo modo tutti i visitatori del tuo sito web potranno vedere il video in diretta. Ad esempio, se hai inserito il tuo video in diretta dietro un paywall per gli utenti premium, assicurati che anche la pagina del tuo sito web sia riservata a quel pubblico specifico, in modo che gli altri utenti non incontrino problemi, come l’impossibilità di vedere il video.
- Aggiorna la pagina: Ricordati di aggiornare la pagina quando/se elimini il video live. Se il tuo video viene eliminato per qualsiasi motivo, la pagina mostrerà un errore di link non funzionante e influirà negativamente sull’esperienza dell’utente. Succede spesso con i video di YouTube che vengono rimossi dagli amministratori o eliminati dal network a causa di violazioni dei criteri.
- Controlla i tuoi plug-in: Assicurati di non avere un plug-in sul tuo sito web che ti impedisca di incorporare i video nel tuo sito. Il plug-in “Disable Embeds” sul sito di WordPress è un esempio di questo tipo.
Conclusione
Come abbiamo visto, l’impostazione di incorporare di flussi e video in diretta sul tuo sito web è facile. E i vantaggi di incorporare flussi e video in diretta sul tuo sito web possono essere enormi.
Sebbene sia facile sfruttare la potenza del video, ci sono alcuni errori comuni che dovresti evitare, come abbiamo notato. Per semplificare le cose, sono disponibili servizi di streaming professionali. Utilizzandone uno, aumenterai notevolmente le possibilità di successo del tuo progetto di streaming video.
Utilizzando la soluzione Dacast soluzione di streaming professionalePuoi iniziare a ospitare i tuoi contenuti video già da oggi. Con Dacast, incorporare i codici è facile e veloce. Grazie a un’ampia gamma di potenti strumenti e funzioni, puoi trasmettere sul tuo sito web, trasmettere un evento in diretta e molto altro ancora in pochi minuti.
Puoi provare Dacast e tutte le sue funzionalità con la nostra prova gratuita di 14 giorni.