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 curtidas

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 curtidas

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

https://github.com/discourse/discourse/pull/4766

10 curtidas

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

4 curtidas

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 curtidas

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 curtidas

It’s always the 1% left

1 curtida

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

11 curtidas

Onebox do Twitter com vídeos fica realmente longa no mobile. Aqui está um que estou adicionando a esta postagem.

Como aparece no mobile:

5 curtidas

@awesomerobot existe uma solução simples em CSS para :arrow_double_up:?

4 curtidas

No momento, no mobile, definimos uma altura máxima (70vh) e 100% de largura, e o vídeo é ajustado para caber. Isso funciona melhor para vídeos em orientação retrato do que em paisagem.

Podemos assumir que a maioria dos vídeos será em paisagem, mas, como compensação, cortamos os vídeos em retrato de forma bastante severa.

Não há uma solução simples para ambos sem conhecer a proporção da imagem (Conseguimos calcular a proporção desses vídeos e talvez adicionar um estilo com base nisso? O iframe parece vir com altura/largura).

4 curtidas

Sim, podemos fazer isso. Esta é a linha onde construímos o iframe:

Qual estrutura HTML seria mais útil para você, @awesomerobot? Algo assim:

<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 então poderíamos reutilizar a lógica de aspect-image-full-size que usamos para imagens?

1 curtida

Sim, acho que isso pode funcionar. Com a proporção de aspecto ali, devo conseguir ajustar conforme necessário.

2 curtidas

Estou tentando descobrir como fazer com que tweets puxados do Zapier apareçam como um tópico assim, mas estou com dificuldades. Alguém pode me indicar o caminho? Funcionaria se eu apenas ativar o ‘onebox’ nas configurações?

3 curtidas

Existe alguma maneira de fazer com que tweets incorporados mostrem o tweet ao qual estão respondendo? Por exemplo, se eu incorporar este tweet https://twitter.com/AOC/status/1230329539924025345, no phpBB e no vBulletin, ele exibe tanto o tweet quanto o conteúdo ao qual ela está respondendo.
phpBB:

vB:

Mas no Discourse, apenas a resposta é mostrada, o que muitas vezes não faz sentido sem o contexto do tweet original

Claro, é fácil o suficiente para postar o tweet original junto com a resposta, mas a maioria dos usuários (e alguns bots do Twitter que usamos) não são espertos/conscientes o suficiente para perceber que precisam fazer isso.

7 curtidas

Este é um problema muito complicado: o código de incorporação “oficial” do Twitter apresenta dois problemas:

  1. Ele não fornece a altura, o que faz com que os tópicos se movam enquanto carregam.
  2. Seria necessário executar os arquivos JavaScript do Twitter em todos os nossos sites.

Contornamos isso usando nosso próprio renderizador personalizado, mas, infelizmente, isso significa que precisamos constantemente nos atualizar em relação ao código de incorporação oficial.

6 curtidas