Instagramの埋め込み機能とレイアウト

こんにちは!

Instagramの投稿の埋め込みについて、いくつか質問と提案があります。

ここに3つのリンクを貼った投稿があります。動画1件、写真1枚、ギャラリー1件です。

動画の埋め込み

  1. 画像のプレビューが引き伸ばされています。これを防ぐことは可能ですか?

    フォーラム投稿でのプレビュー:

    実際のInstagram投稿:

  2. 埋め込みの下部に白い余白が大きくあります。iframeの高さが間違っているようです。これを修正する方法はありますか?


ギャラリーの埋め込み

ギャラリーの埋め込みは、利用可能な幅全体を使用していませんが、単一の画像投稿の場合は使用します。これも修正できますか?


より一般的に、Discourseはこれらの埋め込みをどのようにカスタマイズできますか?カスタマイズ可能ですか、それともすべてのコンテンツスタイルはInstagram自体によって生成され提供されるのですか?

また、以前はInstagramの投稿に、通常のアップロードのように画像がローカルにアップロードされるワンボックスがあったことを覚えています。これにより、関連するInstagramの投稿が削除されてもワンボックスのコンテンツが消えることはありませんでした。これはもうそうではないということでしょうか?

本日、oEmbedを許可するMetaアプリの登録という(率直に言って面倒な)作業を終えました。なぜ彼らがプロセスをそれほど難しくしたのか分かりません。特に、権限を承認するためにアプリが機能することを検証したいのに、アプリの機能が権限の存在に依存している(!!??)という部分です。すぐに返事が来るのを待っています。

ここでは自分で質問に答えることはできません。主にこのトピックをフォローするために投稿しています。このMetaフォーラムで、Instagramの埋め込みの非oneboxバージョンは、特に可変の高さのために、無限スクロールと相性が悪いとどこかで読みました。それがここで起こっていることですか?また、DiscourseのGitHubリポジトリで「instagram」を検索すると、関連するコード部分を見つけるのに役立つことも言及しておきます。

この点に強調を加えたいと思います。

また、Facebookの公開リンクを埋め込むことが可能かどうか疑問に思っています。方法が見つかりませんでした。ちなみにDiscordでも機能しません。表示されるのは、サーバーの場所に基づいて、しばしば(不適切に)選択された言語で書かれたログイン招待状だけです。多くのユーザーが尋ねているにもかかわらず、解決策や回避策を見た記憶がありません。

Discourse/metaのInstagram/Facebook埋め込みに関する状況について、誰かご存知ですか?


以下は、私のフォーラムからの2021年の投稿の例で、FacebookとInstagramの投稿が抜粋とともに正しく埋め込まれ、リモート画像がダウンロードされています: Desert MUNI Race Ridgercrest, Ca - #23 by jmadrigal - General - Unicyclist.com

当時は完璧でしたが、現在は機能が壊れており(Facebook)、半壊しています(Instagram)。:pensive:

DiscourseがInstagramの画像を取得できなくなったため、2年前に実装されたiframe方式が採用されたことが判明しました。


このトピックで言及したレイアウトの問題の一部は修正されましたが、Instagramの埋め込みが正方形に近くなり、コンテンツが切り取られるようになりました。

元のIGリンク:

https://www.instagram.com/p/Cl0v1o5S-S0/

https://www.instagram.com/p/ClyKnj8yW4B/

「いいね!」 1