Molti blog pubblicano contenuti provenienti da YouTube, tuttavia al momento dell’inserimento sulle Pagine Fan di Facebook non hanno a disposizione un’immagine di anteprima che attiri gli utenti a cliccare. Devono quindi usare sempre la stessa di Default.
Quello che vi voglio proporre oggi è un sistema che in pochi e semplici step vi consentirà di inserire dove volete un’anteprima del video inserito, senza dover ricorrere ogni volta alla creazione di uno screenshoot rappresentativo.
Il metodo che vi illustrerò utilizzerà infatti le immagini di anteprima già scelte dagli utenti che hanno pubblicato il video su YouTube (quindi non degli screen a caso, ma con la funzione di attirare l’utenza), ma che potrete cambiare nel caso non fossero di vostro gradimento!
Ecco un esempio di come ho impostato l’anteprima nel mio blog.
Per fare ciò avremo bisogno di:
- YouTubeThumb2CustomField: Il plugin di WordPress che estrae automaticamente dal video l’anteprima e la trasforma in un “Campo personalizzato”.
- L’editor aperto sulla parte di pagina in cui vorremo l’immagine di anteprima (consiglio o di fianco al titolo oppure alla fine prima dei commenti!)
1. Il codice per l’anteprima
Dopo aver scaricato e installato il plugin copiate questa riga di codice nel punto in cui volete che appaia l’anteprima:
L’immagine avrà le dimensioni ottimali per essere poi pubblicata come anteprima su Facebook.
Questa stringa infatti riporta l’oggetto contenuto nel “Campo Personalizzato” che il plugin crea in modo del tutto automatico, una volta che avete pubblicato (o aggiornato) l’articolo.
2. Come inserire l’immagine che vogliamo
Dopo aver inserito la riga di codice come spiegato sopra, ogni volta che avremo inserito un video in un articolo, il plugin farà tutto da se e ci creerà automaticamente l’anteprima già ottimizzata.
Tuttavia può capitare (raramente) che l’utente che ha inserito il video abbia utilizzato un’anteprima scadente, oppure una schermata nera. In questo caso abbiamo la necessità di cambiarla e inserire un’immagine che sia di nostro gradimento!
Per farlo, basta andare nel “campo personalizzato” chiamato ytthumb_url e sostituire l’indirizzo dell’immagine predefinita con l’url dell’immagine che vogliamo venga visualizzata. A questo punto basta cliccare “Aggiorna” e il gioco è fatto!
ATTENZIONE: se si vuole cambiare l’anteprima , dopo aver fatto “aggiorna” sul campo personalizzato NON bisogna AGGIORNARE l’articolo stesso, in quanto con questa operazione il plugin si riattiva ed inserisce di nuovo l’immagine predefinita.
Lo stesso discorso è valido per gli articoli in cui non inseriamo dei video, oppure se i filmati inseriti non provengono da Youtube: per avere la nostra anteprima ci basta inserire l’url dell’immagine nel solito campo ytthumb_url.
3. Pro e Contro
Il metodo spiegato sopra presenta notevoli vantaggi ed anche alcune accortezze da tenere presenti
Pro:
- Con questo metodo avrete delle anteprime perfette, già ottimizzate per la pubblicazione su Facebook che attirano gli utenti a cliccare sul link.
- Non dovrete ogni volta creare un’immagine di anteprima, in quanto il plugin farà tutto da solo.
- Non dovrete intasare l’articolo con altre immagini per poterlo pubblicare su Facebook.
- L’immagine di anteprima potrà essere personalizzata con i CSS.
- Potrete usare la stessa riga di codice per inserire l’anteprima in Home nel caso non aveste un tema già predisposto.
Contro:
- L’anteprima AUTOMATICA funziona solo con i video di Youtube.
- Tuttavia per gli altri video potete inserire uno screen fatto da voi come spiegato sopra.
Angelo io ho creato un video di musica e lo messo su you tube ieri sera poi come al solito li posto su facebook ed è andato sempre tutto ok però su quello di ieri sera non mi mostra l anteprima in facebook sai dirmi il perche e come si puo risolvere ??
Dipende dove la vuoi far apparire !
Se vuoi metterla in ogni articolo, la riga di codice devi copiarla dentro * Articolo singolo
(single.php) .
Ma anche all’interno dell’articolo singolo dovrai decidere se farla apparire all’inizio dell’articolo o in fondo, o di fianco al titolo…
Se non hai basi di css e html io ti consiglio di metterla prima dei commenti che normalmente non dovrebbe rovinare troppo il layout del tema.
Si all interno dell articolo singolo. Ho inserito la riga in single php prima dei comments.
IL plugin è attivato ma mi sfugge qualcosa perchè contina a non funzionare,,,
Se mi dai l’indirizzo del tuo blog provo a dare un’occhiata.
Saresti così gentile??? GRAZIE! Allora il sito è http://www.echegazzo.altervista.org
IL 99% sono video che prendiamo da youtube. Quello che volevo fare era far comparire l anteprima video nella pagina facebook che abbiamo creato.
Spero di aver capito bene che questo tutorial serva proprio a questo.
Cioè quello che a me interessa non è modificare l anteprima del sito che mi va benissimo quella che youtube mi da, ma è su facebook come faccio a far comparire l anteprima del video piuttosto che il link al mio sito.
Nelle pagine il codice c’è, però manca un valore al ” src” , prova a prendere un articolo e aggiornarlo, perchè i post già pubblicati vanno aggiornati per avere l’anteprima.
Se non è quello non ho idea di cosa possa essere!
perfavore aiutami
Chiedo scusa, quella riga di codice non ho capito dove va inserita, o se va modificata.
E poi volevo sapere , questo plugin puo funzionare anche in siti wp dove non ce accesso all FTP??? (esempio altervista)
La riga va inserita dove vuoi che appaia l’immagine di anteprima.
Apri da wordpress l’editor del tema e inserisci quella riga nel punto che desideri, ad esempio in fondo all’articolo o di fianco al titolo, dove più ti piace!
Sì, funziona anche su altervista.
(Anche se pure altervista consente l’accesso ftp, ma per avere maggiori dettagli guarda su loro forum)
OK, Inizio a capire.
Ma una volta aperto l editore del tema, in quale devo inserire la riga tra i tanti possibili posti:
Template
* Archives Page Template
(archives.php)
* Archivi
(archive.php)
* Articolo singolo
(single.php)
* Barra laterale
(sidebar.php)
* Commenti
(comments.php)
* Funzioni tema
(functions.php)
* Links Page Template
(links.php)
* Page without sidebar Page Template
(page-without-sidebar.php)
* Pagina principale
(index.php)
* Risultati della ricerca
(search.php)
* Template 404
(404.php)
* Template pagine
(page.php)
* Testata
(header.php)
Io uso Video Sharer, si può scaricare gratuitamente film da YouTube, Google, dailymotion ecc. e convertire video in diversi formati. video lezione
Davvero un utilissimo tutorial….
Grazie!