Come Aggiungere un Feed Twitter (X) a Qualsiasi Pagina Web: Widget Ufficiale

Non serve conoscere l'HTML per aggiungere un feed Twitter (ora X) al tuo blog o sito web. La pagina Risorse di Twitter genera il codice per te, permettendo di personalizzare dimensioni, colori e aspetto del widget, e fornisce uno snippet di codice da inserire nella sidebar del blog o in una pagina HTML statica. Questi widget funzionano con qualsiasi provider di hosting, anche se sono ottimizzati per Blogger.

Nota importante: Dopo l'acquisizione da parte di Elon Musk e il rebranding a "X", la creazione di widget embed è cambiata. La vecchia pagina "publish.twitter.com" è stata sostituita da publish.x.com. Le funzionalità di base rimangono simili, ma l'interfaccia e le opzioni potrebbero differire.

Procedura per Creare il Widget (Metodo Attuale via publish.x.com)

Passo 1: Accedi a publish.x.com

Visita publish.x.com. Puoi accedervi anche dal menu "Altro" → "Pubblica" quando sei loggato su X.com.

Passo 2: Scegli il Tipo di Contenuto

Seleziona cosa vuoi incorporare:

• Post singolo: Incolla l'URL di un post specifico
• Profilo utente: Mostra gli ultimi post di un account
• Lista: Mostra i post di una lista curata
• Ricerca/Hashtag: Mostra post per parola chiave o hashtag
• Collezione: Gruppo curato di post

Passo 3: Configura le Opzioni

Dopo aver inserito l'URL o l'handle, personalizza:

• Altezza: In pixel (es. 400-800px)
• Tema: Chiaro, Scuro, Automatico (segue preferenze sistema)
• Lingua: Italiano o altra
• Opzioni avanzate: Nascondi intestazione, nascondi piè di pagina, colore link, ecc.

Passo 4: Copia il Codice

Clicca "Copy Code" (o "Finish & Grab Code" nella vecchia versione). Il codice sarà simile a:

<blockquote class="twitter-tweet"><p lang="it" dir="ltr">Il tuo tweet...</p></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Per widget profilo/ricerca/lista, il codice include un <a class="twitter-timeline"> tag.

Passo 5: Incolla nel Tuo Sito

Incolla il codice nel punto esatto dove vuoi che appaia il feed nel tuo HTML. Se usi un CMS:

• WordPress: Blocco "HTML personalizzato" o widget "Testo" in modalità testuale
• Blogger: Layout → Aggiungi gadget → HTML/JavaScript
• Joomla/Drupal: Modulo HTML personalizzato
• Siti statici: Direttamente nel file .html

Alternative Moderne (2024+)

Embed Nativo X (oEmbed)

Incolla semplicemente l'URL di un post X su una riga vuota nell'editor blocchi di WordPress (Gutenberg) o in editor che supportano oEmbed - si trasformerà automaticamente in embed interattivo.

Plugin WordPress

• Smash Balloon Social Post Feed (gratuito/pro) - Feed altamente personalizzabili
• Custom Twitter Feeds - Integrazione profonda con shortcode
• EmbedPress - Supporta X/Twitter tra molte altre piattaforme

API X (v2) per Sviluppatori

Per controllo totale, usa l'API X v2 (richiede account sviluppatore approvato). Permette di creare feed completamente personalizzati lato server.

Considerazioni su Privacy e Prestazioni

• Il widget carica JavaScript da platform.twitter.com / platform.x.com
• Considera loading="lazy" sull'iframe se supportato
• Il widget imposta cookie; informa gli utenti per GDPR/cookie law
• Limita il numero di post visualizzati per performance (10-20 consigliati)

Risoluzione Problemi Comuni

• Widget non appare: Verifica che widgets.js carichi (controlla console browser per errori)
• Stile non corretto: CSS del tuo sito potrebbe interferire; usa !important o specificità maggiore
• Contenuto non aggiorna: La cache del widget si aggiorna ogni ~30 secondi
• Errori CORS/CSP: Aggiungi platform.twitter.com e platform.x.com alle direttive script-src e frame-src del Content Security Policy

Con questi metodi puoi integrare facilmente contenuti X/Twitter dinamici nel tuo sito, aumentando engagement e freschezza dei contenuti.