Visualizzare una timeline X
È passata una vita da quando ho scritto un articolo sulla tecnologia. Credo sia comprensibile: quando si parla di questi argomenti, non si possono sparare affermazioni a vanvera, come faccio praticamente in ogni altra sezione del sito, dove al più devo stare attento a non insultare nessuno... Se anche un solo visitatore seguisse i consigli od i suggerimenti indicati e si trovasse in difficoltà, mi dispiacerebbe parecchio e ci farei una magra figura. Per questa ragione cerco sempre di testare quanto scrivo, al meglio delle mie possibilità.
In questo articolo suggerisco un modo semplice per visualizzare una o più timeline X in una pagina del proprio sito. Anzitutto, cosè una timeline X? Si tratta semplicemente di un elenco cronologico dei Tweet di un account. Per maggiori informazioni si può consultare il Centro Assistenza X; in quel contesto, timeline è tradotto con Cronologia.
La possibilità di visualizzare la timeline X offre un modo elegante di fornire informazioni e "movimentare" la pagina, rendendola più accattivante. Certo, quando ha senso farlo: io la uso solo in Home Page per il secondo scopo, presentando i Tweet di software house videoludiche che seguo. È una scelta ben precisa, in linea con il tono leggero del sito. Ma non è da sottovalutare la parte informativa: pensate, ad esempio, ai Tweet relativi ai risultati elettorali (è un esempio reale).
Ho sempre utilizzato un Widget a questo scopo, WidgetKit di YOOtheme, scaricabile gratuitamente (la sola versione 2). La possibilità di visualizzare una timeline X è solo una minima parte delle funzionalità del componente.
Come sapete (?), è da parecchio tempo che non aggiorno o controllo il sito, per cui mi sono reso conto solo ora che l'elenco dei Tweet non viene aggiornato. Non solo, anche modificando i parametri del componente, per esempio cambiando l'utente da seguire, nessuna modifica viene riconosciuta. Nella console del browser non sono riportati errori. Sinceramente l'idea di spulciare una serie di log infinita non mi attirava, sopratutto perchè sono abbastanza convinto che il problema sia a monte: ci sono state diverse modifiche alle API X ed il componente WidgetKit non viene aggiornato da tempo. La scelta di un'estensione alternativa l'ho scartata rapidamente: tra le estensioni gratuite, non ho trovato niente di aggiornato o convincente. Inoltre, viste le frequenti modifiche delle API, è più che probabile che ben presto avrebbero smesso di funzionare.
L'unica possibilità concreta era partire da zero e scrivere qualcosa di "nativo" in grado di leggere la timeline X: meno invasivo rispetto ad un'estensione e sopratutto "sempre" funzionale, visto che è basato sulle specifiche del provider. "Sempre" tra virgolette perchè è sempre possibile, anzi probabile, che certe funzionalità siano modificate nel tempo. Ma mi aspetto che le modifiche, in quel caso, siano poche e ben documentate.
Oddio, esiste una quarta possibilità: lasciar perdere completamente la visualizzazione di una timeline X. Costo e tempo zero. Ma se mi dovessi arrendere ogni volta che mi trovo di fronte ad una sfida tecnologica, per quanto banale, non imparerei niente.
Quindi mi armo di pazienza ed inizio a consultare le pagine della Developer Platform X, in particolare Twitter for Websites, dove si parla delle Embedded Timelines, che sono esattamente quello che mi interessa, in particolare le List Timeline, descritte nella medesima pagina. Il paragrafo How to add an embedded timeline to your website mi porta a X Publish, uno strumento che permette di creare codice per visualizzare timeline ovunque in pochi clic: è sufficiente indicare l'handle dell'utente da seguire e selezionare Embedded Timeline per avere a video il codice da inserire nel proprio sito, con possibilità poi di definire alcune ulteriori personalizzazioni.
Ad esempio, volendo visualizzare la timeline del sottoscritto in una pagina web, è sufficiente indicare @Ciaparche nella casella di testo, confermare, selezionare poi Embedded Timeline e voilà: anteprima del risultato e codice da usare sono mostrati a video. Il codice per l'esempio, in particolare, è il seguente:
<a class="twitter-timeline" href="https://twitter.com/Ciaparche?ref_src=twsrc%5Etfw">Tweets by Ciaparche</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Davvero semplice. A questo punto, inizio a testare il sistema nel mio sito: ma tutto quello che viene caricato è un laconico messaggio Tweets di GOGcom, niente Timeline. Uhm. Provo una semplice pagina HTML, fuori dal contesto Joomla: stesso comportamento. A questo punto l'ovvio passo successivo è controllare la console del browser, ed eccolo lì: un bell'errore Failed to load resource: net::ERR_BLOCKED_BY_CLIENT. Qualche estensione lato browser sta bloccando la richiesta, chiaramente un'estensione che blocca i contenuti indesiderati; la individuo rapidamente: si tratta di DuckDuckGo Privacy Essentials. Ed infatti è stato sufficiente disabilitare il controllo per la mia home page per fare funzionare tutto come previsto.
A questo punto ho provveduto ad abbellire un minimo il risultato, anzitutto personalizzando la riga generata da Twitter Publish: si possono specificare alcuni parametri aggiuntivi, descritti in dettaglio alla pagina Timeline Parameter Reference; in particolare, ho aggiunto:
data-chrome="nofooter noscrollbar transparent" data-tweet-limit="4"
eliminando piede, barre di scorrimento e rendendo trasparente lo sfondo della timeline, per una resa omogenea con il resto della pagina; circa le barre di scorrimento: ho eliminato la
Il risultato mi piace: nessuna dipendenza da estensioni di terzi, possibilità di visualizzare contemporaneamente timeline di diversi utenti (a differenza di prima) e adattamento allo stile della pagina immediato. Certo, si sono un po' allungati i tempi di caricamento ma niente di inaccettabile.
Un'ultima osservazione: Twitter non ha ancora implementato la timeline live, ossia l'aggiornamento automatico dell'elenco dei tweet in timeline, ma a quanto pare sarà implementato in futuro. Al momento è necessario fare il refresh della pagina.
Concludo ricordando nuovamente che per la corretta funzionalità della soluzione è possibile sia necessario disabilitare estensioni di gestione della privacy o adblocker: nel mio caso, il già citato DuckDuckGo Privacy Essentials. Se nella mia home page vedete solo il testo Tweets di GOGcom dove dovrebbe apparire la timeline, sapete cosa fare.