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 إعجابًا

يظهر صندوق تويتر مع مقاطع الفيديو طويلاً جداً على الهواتف المحمولة. إليك واحدًا أضفته إلى هذا المنشور.

كيف يظهر على الهاتف المحمول:

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. سيتعين علينا تشغيل ملفات جافا سكريبت الخاصة بتويتر على جميع مواقعنا.

تجاوزنا هذه المشكلة باستخدام أداة تصيير مخصصة من تصميمنا، ولكن للأسف هذا يعني أننا نضطر باستمرار إلى اللحاق بكود التضمين الرسمي.

6 إعجابات