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

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

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

「いいね!」 10

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

「いいね!」 4

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

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

It’s always the 1% left

「いいね!」 1

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

「いいね!」 11

Twitter onebox with videos are really long on mobile. Here’s one I am adding to this post.

How it appears on mobile:

「いいね!」 5

@awesomerobot is there a simple CSS fix for :arrow_double_up:

「いいね!」 4

At the moment on mobile we set a max-height (70vh) and 100% width, and the video scales to fit. This works better for portrait oriented videos than landscape.

We can assume most videos will be landscape, but then we crop portrait oriented videos pretty severely as a trade-off.

There’s no simple fix for both without knowing the aspect ratio (Are we able to calculate the aspect ratio of these and maybe append a style based on that? the iframe seems to come with height/width).

「いいね!」 4

Yes, we can do that. This is the line where we build the iframe

What HTML structure would be most useful for you @awesomerobot? Something like

<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>

And then we can re-use the aspect-image-full-size logic which we use for images?

「いいね!」 1

Yeah I think that could work, with the aspect ratio there I should be able to adjust as needed.

「いいね!」 2

Zapierから取得したツイートをトピックとして、このように表示させる方法を探しているのですが、うまくいきません。どなたか方向性を示していただけませんか?設定で「onebox」を有効にするだけで機能するでしょうか?

「いいね!」 3

埋め込みツイートに返信されている元のツイートを表示させる方法はありますか?例えば、このツイート https://twitter.com/AOC/status/1230329539924025345 を埋め込むと、phpBB や vBulletin ではツイート自体と、彼女が返信している内容の両方が表示されます。

phpBB:

vB:

しかし、Discourse では返信部分のみが表示され、元のツイートの文脈がないと意味が通じないことがよくあります。

もちろん、元のツイートと返信ツイートの両方を投稿するのは簡単ですが、ほとんどのユーザー(そして私たちが利用しているいくつかのTwitterボット)は、それを行う必要があることに気づくほど賢く、あるいは意識的ではありません。

「いいね!」 7

これは非常に厄介な問題です。公式の Twitter 埋め込みコードには 2 つの課題があります。

  1. 高さが提供されないため、読み込み時にトピックのレイアウトが跳ねてしまいます。
  2. 全サイトで Twitter の JavaScript ファイルを実行する必要があります。

このため、独自のカスタムレンダラーを使用して回避策を講じましたが、その結果、公式の埋め込みコードの更新に常に追いつく必要が生じています。

「いいね!」 6