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 с видео на мобильных устройствах получается очень длинным. Вот пример, который я добавляю в этот пост.

Вот как это выглядит на мобильном:

5 лайков

@awesomerobot есть простое решение на CSS для :arrow_double_up:

4 лайка

В данный момент на мобильных устройствах мы устанавливаем максимальную высоту (70vh) и ширину 100%, и видео масштабируется для подгонки. Это работает лучше для вертикальных видео, чем для горизонтальных.

Мы можем предположить, что большинство видео будут горизонтальными, но в таком случае мы сильно обрезаем вертикальные видео как компромисс.

Простого решения для обоих случаев нет без знания соотношения сторон (Можем ли мы рассчитать соотношение сторон этих видео и, возможно, добавить стиль на основе этого? Похоже, что iframe приходит с атрибутами высоты/ширины).

4 лайка

Да, мы можем это сделать. Вот строка, где мы создаем iframe:

Какая HTML-структура была бы для вас наиболее полезной, @awesomerobot? Что-то вроде:

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

И затем мы могли бы повторно использовать логику aspect-image-full-size, которую мы применяем для изображений?

1 лайк

Да, думаю, это сработает. С таким соотношением сторон я смогу при необходимости подстроить всё как надо.

2 лайка

Я пытаюсь разобраться, как сделать так, чтобы твиты, полученные через Zapier, отображались в виде темы вот таким образом, но у меня не получается. Кто-нибудь может подсказать, в каком направлении двигаться? Сработает ли это, если я просто включу «onebox» в настройках?

3 лайка

Есть ли способ заставить встроенные твиты отображать твит, на который дается ответ? Например, если я встрою этот твит https://twitter.com/AOC/status/1230329539924025345, в phpBB и vBulletin отображаются как сам твит, так и то, на что она отвечает.
phpBB:

vB:

Но в Discourse показывается только ответ, что часто не имеет смысла без контекста исходного твита

Конечно, легко просто опубликовать и исходный твит, и ответ, но большинство пользователей (и несколько твиттер-ботов, которые мы используем) недостаточно сообразительны/осознанны, чтобы понять, что им нужно это сделать.

7 лайков

Это очень-очень сложная проблема: «официальный» код вставки твита имеет два недостатка.

  1. Он не предоставляет нам высоту, из-за чего темы будут «прыгать» при загрузке.
  2. Нам пришлось бы запускать JavaScript-файлы Twitter на всех наших сайтах.

Мы обошли это, используя собственный кастомный рендерер, но, к сожалению, это означает, что нам постоянно приходится догонять официальный код вставки.

6 лайков