Instagram 임베딩 기능과 레이아웃

안녕하세요!

인스타그램 게시물 임베딩에 대해 몇 가지 질문과 제안이 있습니다.

다음은 3개의 링크(동영상 1개, 사진 1개, 갤러리 1개)를 넣은 게시물입니다:

동영상 임베딩

  1. 이미지 미리보기가 늘어나 보입니다. 이를 방지할 수 있는 방법이 있을까요?

    포럼 게시물 내 미리보기:

    실제 인스타그램 게시물:

  2. 임베드 하단에 긴 흰색 공간이 있습니다. iframe 높이가 잘못 설정된 것 같습니다. 수정할 방법이 있을까요?


갤러리 임베딩

갤러리 임베딩은 사용 가능한 전체 너비를 사용하지 않지만, 단일 이미지 게시물에서는 전체 너비를 사용합니다. 이것도 수정할 수 있을까요?


더 일반적인 관점에서, Discourse는 이러한 임베드에서 어떤 부분을 커스터마이징할 수 있나요? 커스터마이징이 가능한가요, 아니면 모든 콘텐츠 스타일이 인스타그램 자체에서 생성되고 제공되는 건가요?

또한, 인스타그램 게시물에 사진이 일반 업로드처럼 로컬에 업로드되는 원박스(onebox)가 있던 시기가 있었던 것 같습니다. 이렇게 하면 관련 인스타그램 게시물이 삭제되어도 원박스 내용이 사라지지 않았습니다. 지금은 그런 방식이 아닌 것 같네요?

오늘早些에 Meta 앱을 등록하는 과정을 거쳤는데, 솔직히 꽤 번거로운 작업이었습니다. 이 앱은 oEmbed를 허용하는 용도입니다. 왜 이런 과정을 이렇게 어렵게 만들어 놓았는지 모르겠습니다. 특히, 권한을 승인하기 위해 앱이 실제로 작동하는지 확인을 요구하는 부분이 그렇습니다. 그런데 앱의 기능이 해당 권한이 존재해야 비로소 작동하는데 말이죠 (!!??). 곧 회신을 기다리고 있습니다.

여기서 제기된 질문들에 대해 제가 직접 답변을 드릴 수는 없습니다. 주로 이 주제를 따라가기 위해 글을 올린 것입니다. Meta 포럼 어딘가에서, onebox 버전이 아닌 Instagram 임베드가 무한 스크롤과 잘 맞지 않는다는 내용을 읽었습니다. 특히 가변적인 높이 때문에 그렇다고 하더군요. 여기서도 그런 일이 일어나고 있는 건가요? 또한, discourse GitHub 저장소에서 "instagram"으로 간단히 검색만 해도 관련 코드 부분을 찾는 데 큰 도움이 됩니다.

이 부분에 대해 강조하고 싶습니다.

또한, 페이스북 공개 링크를 임베드하는 것이 아예 가능한지도 궁금합니다. 방법을 찾지 못했습니다. 참고로 디스코드에서도 작동하지 않습니다. 디스코드의 경우, 디스코어가 호스팅되는 서버에 따라 언어가 결정되는데, 이것이 항상 적절하게 선택되지는 않습니다. (언어 선택 문제) 여러 사용자가 이 문제에 대해 질문했지만, 해결책이나 우회 방법을 본 기억이 없습니다.

누군가 디스코어/메타에서 인스타그램/페이스북 임베드 기능의 현재 상태에 대해 알고 계신가요?


2021년 제 포럼의 게시물 예시입니다. 발췌문과 원격 이미지를 다운로드하여 페이스북과 인스타그램 게시물이 제대로 임베드되어 있습니다: Desert MUNI Race Ridgercrest, Ca - #23 by jmadrigal - General - Unicyclist.com

당시에는 완벽했지만, 지금은 이 기능이 깨져 있습니다(페이스북) 또는 절반만 작동합니다(인스타그램). :pensive:

Discourse가 더 이상 인스타그램의 이미지를 가져올 수 없게 되어, 2년 전에 구현된 iframe 방식이 사용되고 있음을 확인했습니다:


이 주제에서 언급했던 일부 레이아웃 문제는 이후에 수정되었지만, 지금은 인스타그램 임베드가 거의 정사각형 형태라 콘텐츠가 잘리는 문제가 있습니다:

원본 IG 링크:

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

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

1개의 좋아요