Integrazione YouTube Feed: configurazione e aiuto

Avvio rapido

  1. Carica e installa lo ZIP mpryoutubeintegration in Moduli > "Module Manager".
  2. Fai clic su "Configure". In Connessione YouTube, lascia Attiva modulo su Sì.
  3. Inserisci URL video (manuale) pubblici reali, uno per riga. Non serve una chiave API per questo primo test.
  4. In Impostazioni di visualizzazione, seleziona Hook di visualizzazione displayHome. Mantieni Layout > Tipo di layout su grid.
  5. In Informazioni video, seleziona Modalità player embed per la lightbox o newtab per YouTube.
  6. Fai clic su Salva, poi apri il negozio dove viene renderizzato l’hook selezionato.
  7. Controlla le miniature, fai clic su un video e verifica la riproduzione o la destinazione YouTube. In modalità incorporata, chiudi il player e verifica che la riproduzione si fermi.

Richiede PrestaShop 1.6 o successivo e PHP 7.1 o successivo.

Manuale di configurazione

Installazione e prima configurazione

Nelle versioni precedenti di PrestaShop, usa la pagina di installazione dei moduli equivalente. Apri questo modulo tramite "Configure" ogni volta che vuoi tornare alle sue impostazioni.

Connessione YouTube

Impostazione Valore predefinito Cosa fare
Attiva modulo Sì Attiva o disattiva il feed autonomo del negozio.
Chiave API YouTube Vuoto Inserisci una chiave YouTube Data API v3 solo se vuoi recuperare automaticamente un canale o una playlist.
ID canale Vuoto Imposta il canale sorgente e la destinazione del pulsante di iscrizione. È richiesto l’ID del canale, non un @handle.
Nome canale Vuoto Imposta l’etichetta del link al canale nell’intestazione con titolo del feed. Imposta anche ID canale per dare una destinazione al link.
ID playlist Vuoto Usalo come fonte API quando presente. Ha precedenza su ID canale.
URL video (manuale) Vuoto Inserisci URL di video pubblici supportati, uno per riga. Sono anche un ripiego se l’API non restituisce video.

Impostazioni di visualizzazione

Impostazione Valore predefinito Cosa fare
Hook di visualizzazione displayHome Scegli displayHome, displayFooterBefore, displayFooter, displayLeftColumn o displayRightColumn. Il tema deve renderizzare l’hook selezionato.
Titolo sezione Our YouTube Channel Imposta il titolo del feed. Lascia vuoto per nasconderlo.
Mostra pulsante Iscriviti Sì Mostra il link di iscrizione al canale quando ID canale è impostato.
Testo pulsante iscrizione Subscribe Imposta l’etichetta del pulsante.
Mostra su mobile Sì Consenti il feed ai visitatori rilevati come utenti mobili da PrestaShop.

Il link al profilo/canale nell’intestazione è annidato nel blocco del titolo della sezione. Imposta Titolo sezione per mostrarlo. Il pulsante separato per seguire/iscriversi ha un proprio interruttore.

Layout

Impostazione Valore predefinito Cosa fare
Tipo di layout grid Scegli grid o slider.
Numero di video 6 Imposta un numero positivo. Le richieste API sono limitate a 25 video.
Colonne (desktop) 3 Scegli 2, 3 o 4 colonne della griglia.
Colonne (mobile) 1 Scegli 1 o 2 colonne della griglia.
Spaziatura (px) 16 Imposta la spaziatura della griglia in pixel.
Raggio bordo (px) 8 Imposta gli angoli arrotondati degli elementi.
Effetto hover zoom Scegli overlay, zoom, fade o none.

I controlli di colonne e spaziatura si applicano al layout del feed. Controlla il carosello alle larghezze del tuo negozio su desktop e dispositivi mobili.

Informazioni video

Impostazione Valore predefinito Cosa fare
Mostra titolo Sì Mostra il titolo del video e la riga canale/autore disponibile. Questo blocco racchiude anche la data formattata sotto il titolo.
Mostra durata Sì Mostra la durata solo se inclusa nei dettagli video dell’API.
Mostra visualizzazioni Sì Mostra il conteggio formattato quando sono disponibili le statistiche API.
Mostra data Sì Mostra una sovrapposizione con data relativa e la data della fonte formattata disponibile. La data sotto il titolo richiede anche Mostra titolo e un titolo non vuoto.
Modalità player embed Scegli embed per una lightbox nella pagina o newtab per una scheda YouTube.

Avanzato

Impostazione Valore predefinito Cosa fare
Caricamento differito Sì Carica le miniature/immagini multimediali tramite JavaScript vicino all’area visibile. Disattiva se questo caricamento viene bloccato.
Scorrimento automatico (Slider) No Fai avanzare automaticamente il carosello. Non ha effetto sull’output a griglia/elenco.
Velocità di scorrimento (ms) 4000 Imposta l’intervallo del carosello in millisecondi.
Durata cache 3600 Riutilizza i dati recuperati per questo numero di secondi. Le scelte sono 900, 1800, 3600, 7200, 21600 e 86400.

Video manuali, fonti canale e playlist

Per i video manuali, usa questi formati URL con un ID video YouTube reale di 11 caratteri:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

L’ID di esempio è un segnaposto. Sostituiscilo con un video disponibile. Il parser estrae l’ID e crea l’URL di visione, incorporamento e miniatura img.youtube.com. Richiede titolo e autore a YouTube oEmbed. Un ID valido genera comunque una scheda se oEmbed fallisce, ma titolo/autore possono essere vuoti e miniatura/player possono non funzionare.

Per una fonte automatica, inserisci Chiave API YouTube più ID playlist o ID canale. Con una playlist impostata, il modulo usa l’endpoint playlistItems. Altrimenti usa search per i video del canale ordinati per data. Poi richiede i dettagli videos per durate e statistiche. Il risultato è limitato a 25 per richiesta API. Se l’API non restituisce video, usa gli URL manuali come ripiego. Non riprova con ID canale dopo una richiesta playlist non riuscita.

La modalità manuale non ha durata, visualizzazioni né data di pubblicazione. La data API usa quella fornita dalla fonte selezionata. Visualizzi un solo feed configurato; il modulo non assegna video ai singoli prodotti. Una pagina prodotto può mostrare lo stesso feed se il tema renderizza l’hook selezionato.

Comportamento del player

In Modalità player embed, JavaScript del modulo intercetta il link della miniatura e apre una lightbox. Compila un URL iframe YouTube con autoplay=1&rel=0. Usa il pulsante di chiusura, fai clic sullo sfondo o premi Escape per chiuderla. La chiusura svuota la fonte dell’iframe e interrompe la riproduzione.

In modalità newtab, il link apre la pagina di visione YouTube in una nuova scheda. Senza JavaScript, il link della miniatura porta comunque a YouTube, ma le miniature a caricamento differito JavaScript possono restare non caricate. Il modulo non controlla disponibilità, pubblicità o restrizioni di account/video del player remoto. Prova i video specifici che intendi usare.

Cache e aggiornamento

La cache del feed usa questo file locale:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

I dati del feed vengono salvati in un file JSON locale per installazione del modulo. I negozi che usano la stessa directory condividono il file. Una richiesta al negozio recupera i video quando la cache manca o è scaduta. Nessuna attività pianificata in background aggiorna questo feed.

Usa Clear Cache per eliminare il file di cache. Anche il salvataggio delle impostazioni principali lo svuota. La successiva richiesta al negozio recupera nuovi video; i contenuti precedenti non restano visibili durante la richiesta.

Vengono salvati solo risultati non vuoti. Se il recupero fallisce o non restituisce video, quella richiesta non mostra il feed e le richieste successive riprovano. Un file scaduto può restare sul server, ma i suoi vecchi video non vengono mostrati. Conteggi API e date relative riflettono la risposta in cache.

Esempi di configurazione e modifiche al tema

Gli esempi seguenti descrivono i valori da inserire nei moduli del back office. Non sono comandi shell. Sostituisci nomi degli account, ID di pin/video e credenziali con valori reali. L’hook del tema deve corrispondere a Hook di visualizzazione.

Griglia manuale di demo prodotto senza chiave API:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_VIDEO_URLS=https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/LMNOPQRSTUV
https://www.youtube.com/shorts/WXYZabcdefg
MPRYOUTUBE_DISPLAY_HOOK=displayHome
MPRYOUTUBE_LAYOUT=grid
MPRYOUTUBE_POST_COUNT=3
MPRYOUTUBE_COLUMNS=3
MPRYOUTUBE_PLAYER_MODE=embed

Slider playlist con recupero API in cache:

MPRYOUTUBE_ENABLED=1
MPRYOUTUBE_API_KEY=AIza...
MPRYOUTUBE_PLAYLIST_ID=PL...
MPRYOUTUBE_DISPLAY_HOOK=displayFooterBefore
MPRYOUTUBE_LAYOUT=slider
MPRYOUTUBE_POST_COUNT=6
MPRYOUTUBE_AUTO_SCROLL=1
MPRYOUTUBE_SCROLL_SPEED=4000
MPRYOUTUBE_CACHE_DURATION=3600

Formati URL manuali accettati:

https://www.youtube.com/watch?v=ABCDEFGHIJK
https://youtu.be/ABCDEFGHIJK
https://www.youtube.com/embed/ABCDEFGHIJK
https://www.youtube.com/shorts/ABCDEFGHIJK

Se il tema non mostra l’hook selezionato, aggiungi la chiamata all’hook PrestaShop corrispondente nel template Smarty pertinente:

{hook h='displayFooterBefore'}

Il CSS del tema può usare le classi del modulo nel negozio:

.mprfeed-youtube .mprfeed-title {
  font-size: 20px;
}

.mprfeed-youtube .mprfeed-follow-youtube {
  background: #cc0000;
}

.mprfeed-youtube .mprfeed-caption {
  min-height: 2.8em;
}

La cache del feed usa questo file locale:

modules/mpryoutubeintegration/mpryoutube_feed_cache.json

Mantieni le modifiche CSS e ai template nel tema.

Verifica e risoluzione dei problemi

  • Se la sezione non compare, controlla Attiva modulo, i campi delle fonti, Mostra su mobile e l’hook selezionato. Il modulo non restituisce alcuna sezione quando non ci sono elementi disponibili.
  • Verifica che il tema chiami displayHeader per caricare il foglio di stile e JavaScript e renderizzi l’hook di visualizzazione selezionato.
  • Se le immagini restano vuote, controlla gli errori di rete del browser. Prova a disattivare il caricamento differito e verifica gli URL delle immagini.
  • Se il layout è errato, prova prima la griglia, poi verifica il carosello alle larghezze desktop e mobile.
  • Se MPR Social Revolution ha l’impostazione YOUTUBE_ACTIVE attiva, questo feed autonomo viene soppresso. Il controllo legge il flag salvato; non richiede che Social Revolution sia attualmente attivo come modulo.

Apri la pagina "Integrity" del modulo per i controlli di configurazione e hook. Licenza, Assistenza e Aggiorna sono pagine di manutenzione. Prova le destinazioni effettive dopo aver modificato gli identificativi degli account o le fonti del feed.

Disattivazione o disinstallazione

Imposta Attiva modulo su No e salva per nascondere il feed mantenendo la configurazione. Disinstalla dal gestore moduli per rimuovere configurazione, cache locale e voci del menu amministrativo del modulo.

Domande

Ancora nessuna domanda su questo modulo

Chiedi qualsiasi cosa su installazione, compatibilità o configurazione. Le risposte compaiono qui.

Problemi noti

8

Impossibile salvare la chiave API dalla configurazione guidata

RisoltoAggiornato:
Risolto nella versione: 1.0.21
Il salvataggio di una chiave API YouTube dalla finestra di configurazione poteva fallire con un errore di salvataggio della configurazione. Lasciare la chiave vuota ora mantiene quella esistente.

Venivano accettate chiavi API non valide

RisoltoAggiornato:
Risolto nella versione: 1.0.21
La configurazione guidata poteva accettare un valore di chiave API non valido anziché rifiutare le impostazioni prima del salvataggio.

L’avviso restava dopo il salvataggio

RisoltoAggiornato:
Risolto nella versione: 1.0.21
La pagina di configurazione poteva continuare a mostrare un avviso di configurazione obsoleto subito dopo il salvataggio di impostazioni valide.

Traduzioni mancanti

RisoltoAggiornato:
Risolto nella versione: 1.0.21
Le etichette del back office ora vengono visualizzate nella lingua selezionata per il negozio.

Compatibilità di caricamento con PHP 7.1

RisoltoAggiornato:
Risolto nella versione: 1.0.16
Il modulo poteva non caricarsi su PHP 7.1 perché i requisiti di caricamento inclusi erano troppo restrittivi.

L’amministrazione del modulo poteva non aprirsi

RisoltoAggiornato:
Risolto nella versione: 1.0.15
L’apertura dell’amministrazione del modulo poteva interrompersi con un errore nei negozi privi del supporto richiesto per la formattazione dei prezzi.

La pagina di configurazione non mostrava le impostazioni del feed

RisoltoAggiornato:
Risolto nella versione: 1.0.12
La pagina di configurazione del modulo mostrava un segnaposto anziché impostazioni del feed utilizzabili.

Informazioni video e iscrizione mancanti nel feed

RisoltoAggiornato:
Risolto nella versione: 1.0.12
Il feed non riceveva sempre l’elenco dei video e le impostazioni del pulsante di iscrizione per la visualizzazione.

Richieste funzionalità

1

Implementato

Configurazione guidata della fonte video

Implementato
Configura manualmente gli URL dei video YouTube senza chiave API oppure collega un canale o una playlist con una chiave API, usando controlli di configurazione guidati.

Registro modifiche

v1.0.132026-09-08

  • Addedcomplete FR/DE/ES/IT/PL translations
Versioni precedenti

v1.3.02026-04-20

  • Addedadmin menu management via MenuInstaller for streamlined module setup
  • AddedLicense management tab with key management and renewal options
  • Addedself-healing integrity checks for automatic diagnostics and repair
  • Addedcomplete FR/DE/ES/IT/PL translations

v1.2.02026-02-06

  • AddedPS 9 / Hummingbird theme compatibility
  • Addedplaylist support alongside channel display
  • Improvedlazy-load iframes — YouTube thumbnails load as images, iframe created on click
  • Fixedvideo grid overflow on 5-column layouts on 1440p screens

v1.0.02025-09-18

  • Initialrelease: YouTube channel and playlist video display for PrestaShop
  • InitialGrid layout with configurable column count and video thumbnails
  • InitialBack-office configuration for channel ID, API key, and layout type
  • InitialCompatible with PS 1.7.x and PS 8.x

v1.1.02025-07-28

  • Addedslider layout option with autoplay and configurable interval
  • Addedvideo count limiter per widget placement

Demo

Prova il modulo completo prima di acquistare

Acquista la licenza in seguito e mantieni le tue impostazioni.

  • La tua demo di 30 giorni Provalo sul tuo negozio per 30 giorni dalla prima installazione.
  • Negozio demo pronto Esplora un negozio demo pronto nel tuo browser.
  • Senza registrazione Nessun account, e-mail o dominio del negozio richiesto.
Avvia il negozio demo

Scaricando, accetti le condizioni della demo e l’informativa sulla privacy.

Aprendo questa demo accetti i termini della demo e la politica sulla privacy.

Caricamento...
Torna su