Qui di seguito vi illustreremo le possibili cause del mancato caricamento delle immagini nel vostro feed di Instagram e della visualizzazione di un'area vuota, di riquadri grigi o di altri problemi legati al mancato caricamento delle foto.Â
Indicazioni stradali
Per risolvere il problema, provare a eseguire i seguenti passaggi:
- Esaminate la sezione "Cause potenziali" qui sotto per verificare se ve ne sono di applicabili. Dopo aver apportato qualsiasi modifica al sito, assicurarsi di cancellare le cache dell'host, del sito web o del browser locale prima di controllare nuovamente il feed.
- Se le cause potenziali elencate non aiutano, provate a caricare il file JavaScript del feed di Instagram prima di altri file utilizzando l'impostazione "Enqueue JavaScript in header" OPPURE utilizzando l'impostazione "AJAX theme loading fix" (correzione del caricamento del tema AJAX ), entrambe presenti in Instagram Feed > Impostazioni > Avanzate scheda.
- Disattivare la seguente impostazione: Feed di Instagram > Seetings > Avanzate > Caricamento immagini in JavaScript
Cause potenziali
1) C'è un problema con la vostra fonte
È possibile ricollegare la sorgente nella pagina delle impostazioni del plugin facendo clic sul pulsante Aggiungi sorgente > Connetti o utilizzando il pulsante di ricollegamento su qualsiasi sorgente non valida.
2) I file del plugin non vengono inclusi nella pagina
Molto probabilmente il problema è dovuto al fatto che nel vostro tema WordPress mancano le funzioni necessarie per aggiungere i file CSS e JavaScript nella parte superiore e inferiore delle vostre pagine. Tutti i temi dovrebbero includere le funzioni wp_head e wp_footer, necessarie affinché i plugin possano aggiungere i loro file alla pagina. È possibile aggiungerle procedendo come segue:
- Aprite la cartella piè di pagina.php file and adding the following directly before the closing </body> tag:
<?php wp_footer(); ?> - Aprite la cartella intestazione.php file and adding the following directly before the closing </head> tag:
<?php wp_head(); ?>
3) Sul sito è presente un errore JavaScript che impedisce l'esecuzione del file JavaScript del plugin.
Per sapere se è così, basta fare clic con il tasto destro del mouse sulla pagina, selezionare "Ispeziona elemento" e poi fare clic sulla scheda "Console", oppure selezionare l'opzione "Console JavaScript" dagli Strumenti per sviluppatori del browser.
Se sul vostro sito si verifica un errore JavaScript, lo vedrete elencato in rosso insieme al file JavaScript che lo causa, come mostrato di seguito:
Per ulteriori informazioni sul debug degli errori JavaScript sul vostro sito, consultate questo articolo su WordPress.
4) Il feed che si sta cercando di visualizzare non ha post.
Se si sta cercando di visualizzare un feed a cui non sono stati aggiunti post, è possibile che venga visualizzato solo un messaggio di errore dell'amministratore o che non venga visualizzato affatto. Una volta aggiunto un post all'account collegato, il feed dovrebbe essere visualizzato normalmente dopo il controllo dei nuovi post.
5) Lo shortcode che si sta utilizzando non è corretto
È possibile che si sia verificato un errore nello shortcode utilizzato o che manchi un argomento necessario. Ad esempio, invece di usare:
[instagram-feed hashtag="#myHashtag"]
Provate ad aggiungere lo shortcode predefinito facendo clic sul pulsante "Incorpora" nelle impostazioni del feed:
[instagram-feed feed="1"]
Assicuratevi quindi di aver impostato le impostazioni per il feed in Instagram Feed > Tutti i feed > Opzioni feed (icona della penna) per questo feed.
6) Si sta utilizzando una versione obsoleta di jQuery
Il plugin Instagram Feed Pro richiede la versione corrente di jQuery (3.6.4 a partire da settembre 2024) inclusa in WordPress per funzionare. Alcuni temi possono disabilitare il file jQuery predefinito di WordPress e caricare il proprio, causando questo errore. Contattare lo sviluppatore del tema per verificare se può aggiornare il file per voi.
7) Il problema è causato da un'estensione o un componente aggiuntivo del browser
Alcune estensioni e componenti aggiuntivi del browser causano problemi con il feed. Provate a disabilitarli per vedere se il feed inizia a essere visualizzato.
8) State filtrando troppi messaggi
Se si utilizza l'impostazione mostra/rimuovi i post che contengono queste parole o frasi, altrimenti nota come "Non mostrare i post che contengono" / "Mostra solo i post che contengono" o altri strumenti di moderazione, è possibile che stiate filtrando troppi post perché il feed ne visualizzi qualcuno. Instagram non invia i post di un utente specifico che hanno anche un hashtag specifico, quindi il plugin richiederà tutti i post dell'account utente o del feed hashtag e poi filtrerà in base a "Non mostrare i post contenenti" / "Mostra solo i post contenenti". Vedere questo post per alcune possibili soluzioni per ovviare a questo problema.
9) Solo il layout del feed Carousel non funziona
Il tema potrebbe caricare jQuery due volte. WordPress, per impostazione predefinita, carica jQuery nella versione richiesta. Se si utilizza una versione personalizzata di jQuery, assicurarsi di dequeue lo script predefinito. In alcuni casi, potrebbe essere necessario contattare lo sviluppatore del tema per rimuovere le implementazioni errate di jQuery.
10) Il caricamento pigro è abilitato
Se il vostro tema WordPress o un plugin utilizza il caricamento pigro, potreste avere un problema in cui le immagini vengono visualizzate vuote o come un piccolo quadrato. La maggior parte dei conflitti di caricamento pigro può essere risolta andando su Instagram Feed > Impostazioni > Avanzate e disabilitando le impostazioni di caricamento delle immagini in JavaScript, quindi salvando le modifiche.
Diagnosticare con gli strumenti per sviluppatori (avanzato)
Ecco come diagnosticare i problemi più comuni con gli strumenti per sviluppatori di Chrome. Per utilizzare gli strumenti per sviluppatori di Chrome, fate clic con il tasto destro del mouse su una pagina con il feed di Instagram sul vostro sito e selezionate "Ispeziona" oppure utilizzate la scorciatoia da tastiera ctrl+shift+i su Windows o ⌥⌘i su Mac. Passate alla scheda "console" per controllare la console javascript.
a) Nessun errore nella console
Aggiungere il comando sbi_init(); nella console ed eseguirlo (premere invio).
Se si verifica un Uncaught ReferenceError sbi_init non è definito, molto probabilmente il file javascript per il feed è assente dalla pagina. Vedere il punto #3 qui sotto, riferito a "wp_footer". Se si utilizza un plugin che ottimizza/concatena/minifica i file JavaScript (come autoptomize), potrebbe essere necessario ripristinarlo.
Se il feed appare, probabilmente si sta utilizzando un tema ajax. Vedere questa pagina. È anche possibile che si stia utilizzando un plugin concatenatore/ottimizzatore/minificatore javascript che deve essere aggiornato.
Se non succede nulla (non vengono visualizzati post aggiuntivi) e non c'è un'icona che gira, le impostazioni del feed potrebbero non restituire alcun post, forse a causa di un filtro con "Mostra solo i post contenenti", oppure tutti i post inseriti nel feed hashtag sono privati. Vedere il punto 5 qui sotto. È anche possibile che il file CSS sia assente dalla pagina. Vedere #3 in riferimento a wp_head(). Se si riceve il messaggio "Impossibile visualizzare le foto di Instagram", è bene assicurarsi che il token di accesso sia valido.
b) Nella console vengono visualizzati uno o più errori javascript.
Aggiungere il comando sbi_init(); nella console ed eseguirlo (premere invio).
Se il feed appare, l'errore proviene da altri plugin o dal tema e impedisce il caricamento del feed. Provate a disabilitare altri plugin e/o il tema per capire quale sia la causa dell'errore.
Se si verifica l'errore jQuery non è definito, il tema o un plugin sta caricando jQuery troppo tardi o forse ha rimosso il file jQuery dall'origine della pagina.
Se si verifica l'errore "L'accesso a XMLHttpRequest a ... è stato bloccato dalla politica CORS: No 'Access-Control-Allow-Origin' ..." i vostri "Indirizzo WordPress" e "Indirizzo del sito" potrebbero non corrispondere alla pagina in cui si trova il feed. Questo include il protocollo ("http" vs "https"). Queste impostazioni si trovano nella voce di menu Generale della dashboard.
Se si verifica l'errore "jQuery.ajax is not defined", è possibile che si stia utilizzando una versione "slim" di jQuery. Le versioni slim non contengono il metodo ajax che il nostro plugin utilizza per recuperare i post.
