Come incorporare un live streaming di YouTube in WordPress

Pubblicato: 2023-04-24

Vuoi incorporare un live streaming di YouTube sul tuo sito Web WordPress?

Incorporare i live streaming di YouTube sul tuo sito WordPress può aumentare il coinvolgimento consentendo ai visitatori di interagire con te e i tuoi contenuti in tempo reale.

In questo articolo, ti mostreremo come incorporare facilmente un live streaming di YouTube in WordPress.

How to embed a YouTube live stream in WordPress

Perché incorporare i live streaming di YouTube in WordPress

Lo streaming live consente di trasmettere contenuti video o audio in diretta su Internet, consentendo agli utenti di guardare il video in tempo reale.

YouTube live stream

Incorporare un live streaming di YouTube sul tuo sito Web WordPress è un modo eccellente per entrare in contatto con il tuo pubblico e raggiungere più utenti.

Può anche aumentare il coinvolgimento degli utenti consentendo di interagire con i visitatori del sito.

Un live streaming di YouTube può anche aiutare a migliorare la SEO del sito Web e attirare più traffico. La ricerca ha dimostrato che i post del blog con almeno un video ottengono circa l'83% in più di visitatori rispetto ai contenuti senza video.

Detto questo, vediamo come incorporare facilmente un live streaming di YouTube in WordPress.

Come incorporare un live streaming di YouTube in WordPress

Il modo più semplice per incorporare un live streaming di YouTube è utilizzare il plug-in YouTube Feed Pro di Smash Balloon.

È il miglior plug-in per feed YouTube di WordPress che ti consente di incorporare video di YouTube e live streaming sul tuo sito web.

Innanzitutto, devi installare e attivare il plug-in YouTube Feed Pro. Per ulteriori istruzioni, consulta la nostra guida per principianti su come installare un plug-in di WordPress.

Nota : YouTube Feed ha anche una versione gratuita. Tuttavia, non supporta la funzione Live Stream.

Una volta attivato il plug-in, è necessario visitare la pagina Feed di Youtube »Impostazioni dalla barra laterale dell'amministratore. Qui è necessario inserire la chiave di licenza e fare clic sul pulsante "Attiva".

Puoi ottenere la chiave di licenza dalla pagina Account sul sito web di Smash Balloon.

Activate your smash balloon license key

Successivamente, devi visitare la pagina Feed di YouTube »Tutti i feed dalla barra laterale di amministrazione di WordPress.

Da qui, fai semplicemente clic sul pulsante "Aggiungi nuovo" in alto.

Click the Add New button to add the YouTube feed

Si aprirà il prompt "Seleziona tipo di feed".

Ora devi scegliere l'opzione "Live Streams" e quindi fare clic sul pulsante "Avanti" per continuare.

Choose live stream as feed type

Nel passaggio successivo, devi connettere YouTube Feed Pro con il tuo account Youtube. Ti verrà chiesto di fornire la tua chiave API di YouTube.

Se disponi già di una chiave API, copiala e incollala semplicemente nella casella "Inserisci chiave API" e fai clic sul pulsante "Aggiungi".

Add YouTube API key

Crea una chiave API di YouTube

Se non disponi ancora di una chiave API, devi accedere a Google Cloud Console e accedere utilizzando il tuo account Google.

Una volta effettuato l'accesso, fai clic sul pulsante "Seleziona un progetto" in alto.

Click Select Project button

Si aprirà una finestra popup che mostrerà tutti i progetti che hai creato.

Quindi, fai semplicemente clic sul pulsante "Nuovo progetto" in alto.

Click the New Project button

Questo ti porterà alla pagina "Nuovo progetto", dove puoi iniziare digitando un nome per il tuo progetto. Questo può essere qualsiasi cosa che ti aiuti a identificarlo facilmente.

Successivamente, devi anche selezionare un'"organizzazione" e la sua posizione dal menu a discesa. Puoi selezionare "Nessuna organizzazione" e fare clic sul pulsante "Crea" per continuare.

Choose a project name and its organization

Una volta creato il progetto, verrai indirizzato alla dashboard del progetto.

Da qui, devi fare clic sul pulsante "+ Abilita API e servizi" nel menu in alto.

Click on the + ENABLE APIS AND SERVICES button

Questo ti porterà alla pagina della libreria API. Mostra i diversi servizi Google per i quali puoi creare API e utilizzarli nei tuoi progetti.

Ora vai avanti e cerca "YouTube Data API v3" nella casella di ricerca.

Search for the YouTube data API v3 option

Una volta visualizzato il risultato "YouTube Data API v3", fai clic su di esso.

Verrai indirizzato a una nuova pagina in cui devi fare clic sul pulsante "Abilita" per attivare la chiave API di YouTube.

Enable the YouTube API

Ora verrai indirizzato alla pagina "Dettagli API/servizio".

Da qui, fai semplicemente clic sul pulsante "Crea credenziali" in alto.

Click the Create Credentials button

Successivamente, verrai indirizzato a una nuova pagina in cui devi selezionare la casella accanto all'opzione "Dati pubblici".

Successivamente, fai clic sul pulsante "Avanti" per creare la tua API.

Check the Public data box and click on the Next button

La tua chiave API verrà ora creata e visualizzata sulla pagina.

Basta copiare la chiave API e fare clic sul pulsante "Fine".

Copy the YouTube API key

Successivamente, è il momento di tornare alla dashboard di WordPress.

Vai avanti e incolla la chiave API nella casella Chiave API richiesta. Quindi, fai clic sul pulsante "Aggiungi" per continuare.

Add YouTube API key

Aggiungi lo streaming live di YouTube al tuo sito Web WordPress

Una volta aggiunta la chiave API di YouTube, verrai reindirizzato alla pagina "Seleziona tipo di feed".

Da qui, devi fare nuovamente clic sull'opzione "Live Stream", seguita dal pulsante "Avanti".

Si aprirà la pagina "Aggiungi ID canale per il live streaming".

Visit the Add channel ID for live stream page

Ora devi visitare il canale YouTube che contiene i tuoi video in live streaming.

Da qui, vai avanti e copia il testo che segue "/canale/" o "/utente/" nell'URL in alto.

Copy the code after channel or user in the URL

Successivamente, torna alla dashboard di WordPress e incolla il codice nella casella "Aggiungi ID canale per live streaming".

Successivamente, fai clic sul pulsante "Connetti" per connettere il tuo canale YouTube con WordPress.

Una volta connesso il canale, è necessario fare clic sul pulsante "Avanti" per continuare.

Add code and click the connect button

Personalizza il tuo feed di YouTube

Ora che il tuo feed di live streaming di YouTube è stato creato, puoi personalizzarlo. YouTube Feed Pro di Smash Balloon offre molte diverse opzioni di visualizzazione.

Innanzitutto, dovrai scegliere un modello nella pagina "Inizia con un modello". Puoi scegliere tra i layout Predefinito, Carosello, Schede, Elenco, Galleria e Griglia.

Una volta effettuata la scelta, è sufficiente fare clic sul pulsante "Avanti".

Choose a template for your Live YouTube feed

Dopo aver scelto un modello, si aprirà una schermata di modifica che mostra un'anteprima del tuo feed YouTube a destra e le impostazioni di personalizzazione nella colonna del menu a sinistra.

Qui puoi iniziare espandendo il riquadro "Layout del feed".

YouTube Feed editor

In questa schermata è possibile passare da un layout all'altro.

Potresti anche essere in grado di configurare impostazioni aggiuntive a seconda del layout scelto.

Customize the YouTube feed layout

Successivamente, è necessario fare clic sul pannello "Combinazione di colori".

Per impostazione predefinita, YouTube Feed Pro utilizza la stessa combinazione di colori del tema WordPress. Tuttavia, puoi anche utilizzare una combinazione di colori "Chiaro" o "Scuro" per il feed video.

Puoi anche progettare la tua combinazione di colori facendo clic sull'opzione "Personalizzato" e quindi utilizzando i controlli per modificare i colori dello sfondo, del testo e dei collegamenti.

Customize feed color scheme

Per aggiungere un'intestazione al tuo feed di YouTube, devi visitare il pannello "Intestazione". Da qui, attiva semplicemente l'interruttore "Abilita" per attivare l'intestazione.

Puoi anche utilizzare i controlli per passare dallo stile di intestazione standard a quello di testo. Scegliendo l'opzione 'Testo' potrai modificare la dimensione e il colore del testo.

Customize YouTube feed header

Puoi anche personalizzare l'aspetto del lettore video accedendo al pannello "Video".

Qui vedrai un elenco di opzioni.

Videos panel option

Per personalizzare il layout del video e le singole proprietà, devi visitare il pannello delle impostazioni "Stile video".

Qui puoi selezionare il layout del video, il colore di sfondo e il bordo.

Customize video style

Successivamente, apri il pannello "Modifica singoli elementi". Qui, seleziona semplicemente le caselle accanto agli elementi che desideri visualizzare insieme ai video in live streaming di YouTube.

Puoi mostrare o nascondere l'icona Riproduci, il titolo del video, il conto alla rovescia del live streaming, le descrizioni e altro ancora.

Edit the individual elements you want to display along with the video

Successivamente, devi andare all'impostazione "Hover State". Qui puoi scegliere i singoli elementi che verranno visualizzati quando l'utente passa il mouse sopra il video di YouTube.

Puoi scegliere molti elementi, tra cui titolo del video, descrizione, data, visualizzazioni e altro.

Customize hover state

Successivamente, devi visitare il pannello "Esperienza del lettore video".

Da qui, puoi modificare le proporzioni del video player. Puoi anche scegliere se avviare automaticamente la riproduzione del video o attendere che il visitatore faccia clic sul pulsante di riproduzione.

Customize video player experience

Dopo aver personalizzato i singoli elementi video, passa al pannello "Carica altro pulsante".

Qui, sotto l'impostazione "Carica altro pulsante", puoi impostare l'interruttore su "Abilita". Verranno visualizzati altri suggerimenti video dopo il live streaming.

Puoi anche scegliere il colore di sfondo, lo stato al passaggio del mouse e il testo dalle impostazioni nel pannello di sinistra.

Customize the Load More button

Successivamente, passa al pannello "Pulsante di iscrizione" e imposta l'interruttore su "Abilita" se desideri attivare il pulsante di iscrizione di YouTube.

Puoi anche modificare il colore del pulsante, il testo e lo stato al passaggio del mouse nelle impostazioni.

Customize Subscribe button

Dopo aver personalizzato il feed live di YouTube, puoi vedere in anteprima come apparirà su computer desktop, tablet e smartphone. Basta fare clic sui diversi pulsanti nell'angolo in alto a destra per visualizzare l'anteprima del feed su diversi dispositivi.

Infine, non dimenticare di fare clic sul pulsante "Salva" in alto per salvare le modifiche.

Preview and save feed

Incorpora il live streaming di YouTube su una pagina WordPress

Il prossimo passo è incorporare il tuo feed live di YouTube su una pagina WordPress. Per fare ciò, devi prima fare clic sul pulsante "Incorpora" in alto.

Questo aprirà il prompt "Incorpora feed". Qui, fai clic sul pulsante "Aggiungi a una pagina" per continuare.

Click Add to a page button to embed YouTube feed

Il popup ora mostrerà un elenco di tutte le pagine WordPress sul tuo sito web.

Scegli semplicemente la pagina in cui desideri incorporare il live streaming di YouTube e fai clic sul pulsante "Aggiungi".

Choose a page where you want to embed the feed and click on the Add button

La pagina selezionata si aprirà ora nell'editor di blocchi.

Da qui, devi fare clic sul pulsante "Aggiungi blocco" (+) nell'angolo in alto a sinistra e cercare il blocco "Feed per YouTube".

Una volta trovato, aggiungi il blocco alla tua pagina facendo clic su di esso.

Embed YouTube Feed on a page

Non dimenticare di fare clic sul pulsante "Aggiorna" o "Pubblica" per salvare le modifiche o renderle attive.

Ecco come appare il live feed di YouTube sul nostro sito web dimostrativo.

YouTube Feed Page preview

Aggiungi un feed live di YouTube come widget

Puoi anche aggiungere un feed live di YouTube alla barra laterale di WordPress come widget.

Innanzitutto, dovrai visitare la pagina Aspetto »Widget dalla barra laterale dell'amministratore.

Da qui, fai clic sul pulsante "Aggiungi blocco" (+) nell'angolo in alto a sinistra dello schermo e individua il blocco "Feed per YouTube".

Successivamente, fai clic sul blocco per aggiungerlo all'area del widget.

Add YouTube Feed as a widget

Non dimenticare di fare clic sul pulsante "Aggiorna" per salvare le modifiche.

Ecco come appare il feed live di YouTube nella barra laterale del nostro sito web dimostrativo.

Widget Preview of YouTube feed

Aggiungi un live streaming di YouTube nell'editor del sito completo

Se stai utilizzando un tema basato su blocchi, questo metodo fa per te.

Innanzitutto, vai alla pagina Aspetto »Editor dalla barra laterale dell'amministratore per avviare l'editor del sito.

Da qui, fai clic sul pulsante "Aggiungi blocco (+)" in alto e cerca il blocco "Feed per YouTube".

Successivamente, puoi trascinare e rilasciare il blocco nel punto in cui desideri visualizzare il feed di YouTube sulla tua pagina.

Add the YouTube feed in FSE

Al termine, non dimenticare di fare clic sul pulsante "Salva" per applicare le modifiche.

Ecco un'anteprima dei live streaming sul nostro sito Web dimostrativo.

FSE preview of YouTube live feed

Speriamo che questo articolo ti abbia aiutato a imparare come incorporare i live streaming di YouTube in WordPress. Potresti anche voler leggere la nostra ultima guida SEO per WordPress o dare un'occhiata alle nostre migliori scelte per i migliori plugin di social media per far crescere il tuo sito.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i tutorial video di WordPress. Puoi trovarci anche su Twitter e Facebook.