Onebox Twitter embedding

Oh, thanks! Is it possible to do that without actually allowing Twitter logins?

Disable enable twitter logins and just provide twitter consumer key & twitter consumer secret.

3 Mi Piace

Tried it. It didn’t work. Embedded tweets still do not contain images.

Some long tweets with images don’t work

Shorter tweets with images works

It exists since the new twitter policy regarding links and images in the 140 characters count

6 Mi Piace

I’ve just submitted a PR which should fix this:

10 Mi Piace

@david - thank you! We do a lot of Twitter oneboxing and found the truncation very annoying.

4 Mi Piace

This is terrific - my forum users really need this.

Is this merged into a future release or something we have to do to modify in our existing installations?

Just upgrade on latest version, it should be good :

  • via yourforum.com/admin/upgrade
  • or SSH into your server and do these commands :

cd /var/discourse
git pull
./launcher rebuild app

I don’t think you need to add the twitter consumer key and twitter consumer secret in your admin settings but I’m only 99% sure

2 Mi Piace

Yep - it’s all merged into master and working great on my forum

I’m afraid you will need to add these keys to your site settings - the data is fetched via the twitter API rather than opengraph/oembed.

2 Mi Piace

It’s always the 1% left

1 Mi Piace

I just pushed a small improvement for Twitter onebox. The onebox will now show like and retweet count.

11 Mi Piace

La onebox di Twitter con i video è davvero lunga su mobile. Ecco una che sto aggiungendo a questo post.

Così appare su mobile:

5 Mi Piace

@awesomerobot esiste una semplice soluzione CSS per :arrow_double_up:

4 Mi Piace

Al momento, su mobile impostiamo un’altezza massima (70vh) e una larghezza del 100%, e il video si ridimensiona per adattarsi. Questo funziona meglio per i video in verticale rispetto a quelli in orizzontale.

Possiamo assumere che la maggior parte dei video sarà in orizzontale, ma in tal caso ritagliamo in modo piuttosto drastico i video in verticale come compromesso.

Non esiste una soluzione semplice per entrambi senza conoscere il rapporto d’aspetto (Siamo in grado di calcolare il rapporto d’aspetto di questi e magari aggiungere uno stile in base a ciò? L’iframe sembra arrivare con altezza/larghezza).

4 Mi Piace

Sì, possiamo farlo. Questa è la riga in cui costruiamo l’iframe

Quale struttura HTML sarebbe più utile per te @awesomerobot? Qualcosa del genere

<div class='tweet-images'>
  <div class='aspect-image-full-size' style='--aspect-ratio:#{width}/#{height};'/>
    <iframe class='tweet-video' src='https://twitter.com/i/videos/blah' width='123' height='456' frameborder='0' allowfullscreen></iframe>
  </div>
</div>

E poi potremmo riutilizzare la logica di aspect-image-full-size che usiamo per le immagini?

1 Mi Piace

Sì, penso che potrebbe funzionare; con quel rapporto d’aspetto dovrei essere in grado di apportare le modifiche necessarie.

2 Mi Piace

Sto cercando di capire come fare in modo che i tweet estratti da Zapier appaiano come un argomento in questo modo, ma ho dei problemi. Qualcuno può indicarmi la strada giusta? Dovrebbe funzionare se abilito semplicemente “onebox” nelle impostazioni?

3 Mi Piace

Esiste un modo per far sì che i tweet incorporati mostrino anche il tweet a cui si sta rispondendo? Ad esempio, se incorporo questo tweet https://twitter.com/AOC/status/1230329539924025345, in phpBB e vBulletin vengono visualizzati sia il tweet che a cosa sta rispondendo.
phpBB:

vB:

Invece in Discourse viene mostrato solo il tweet di risposta, il che spesso non ha senso senza il contesto del tweet originale

Ovviamente è abbastanza semplice pubblicare anche il tweet originale insieme a quello di risposta, ma la maggior parte degli utenti (e alcuni bot Twitter che utilizziamo) non sono abbastanza abili o coscienziosi da capire che devono farlo.

7 Mi Piace

Questo è un problema davvero molto complesso: il codice di incorporamento “ufficiale” di Twitter presenta due problemi:

  1. Non fornisce l’altezza, quindi gli argomenti potrebbero spostarsi durante il caricamento.
  2. Dovremmo eseguire i file JavaScript di Twitter su tutti i nostri siti.

Abbiamo aggirato il problema utilizzando un renderer personalizzato, ma purtroppo ciò significa che dobbiamo continuamente cercare di stare al passo con il codice di incorporamento ufficiale.

6 Mi Piace