Twitter onebox 이미지를 토론 썸네일로 사용

안녕하세요!

미리보기 플러그인을 설치해 두었는데, 일부 미리보기는 표시되고 일부는 표시되지 않는 것을 확인했습니다. 특히 게시글에 트윗 링크를 붙여넣으면 트윗 미리보기가 전혀 표시되지 않습니다. Vimeo에서 공유한 비디오도 동일한 문제가 발생합니다. 며칠 전 제 친구가 같은 질문을 했었는데, 플러그인 문제가 아니라 Discourse 소프트웨어 자체의 문제라고 답변을 받았다고 합니다.
제 친구의 게시글 링크입니다: Topic List Previews (legacy) - #1265 by xioian
모든 미리보기가 정상적으로 표시되도록 하는 방법이 있을까요?

감사합니다!

메타에 예시 링크를 공유해 주시겠어요? (전에 요청한 적 있어요 :wink: ).

트위터 임베드에서 큰 이미지가 작동해야 합니다. 하지만 이 설정을 해야 할 것 같습니다: (리치 임베드에 대한 OP 하단 섹션을 읽어보세요):

로버트님, 안녕하세요.

예시를 하나 올립니다:

트윗 링크를 공유하면 미리보기가 표시되지 않습니다.

지금은 theTopic List Previews 플러그인은 잊어주세요. 이 플러그인은 주제 목록에만 영향을 미치기 때문입니다(플러그인 이름이 그렇게 지어진 이유이기도 하죠).

이 경우, 주제 안에 Onebox가 표시되는 것이 선행 조건입니다.

당신의 사이트에서 게시물에 Onebox가 제대로 표시되고 있나요?

이것은 제 포럼에 게시물을 올렸을 때의 모습입니다. 여기에 올린 것과 다르게 보입니다.

네, 데이비드가 링크한 단계를 따랐지만 아무런 효과가 없는 것 같습니다. 주제 목록 미리보기는 일부 사이트에서는 작동하지만 Twitter 같은 다른 사이트에서는 작동하지 않습니다. 또한 Vimeo에서 링크한 동영상도 미리보기가 표시되지 않았습니다.

네, 그 섬네일은 너무 작아서 채택되지 못할 것 같아요.

여기 메타에서 렌더링되는 더 풍부한 버전이 필요할 것 같습니다.

네, 그 스크린샷을 보면 ‘rich’ 트위터 원박스(rich Twitter onebox)가 작동하지 않는 것 같습니다. 사이트 설정에서 twitter_consumer_key와 twitter_consumer_secret이 올바르게 설정되어 있는지 확인해 보셨나요?

그래서 썸네일 크기를 CSS로 실험해 봤지만, 그래도 작동하지 않았습니다.

CSS로는 해결할 수 없습니다. Twitter 서버의 고해상도 썸네일에 접근할 수 있는 더 풍부한 임베드가 필요합니다.

이를 위해서는 인증이 필요합니다.

인증이 없으면 2류 시민으로 취급되어 저품질의 썸네일만 제공됩니다.

보내주신 링크의 단계를 따라 진행했는데, 변경 사항이 보이지 않습니다.

변경 사항을 적용한 후에는 해당 OneBox가 포함된 게시물에서 'rebuild html’을 실행해야 합니다. 그렇지 않으면 OneBox의 캐시된 버전이 표시됩니다.

게시물 아래의 :wrench:를 클릭하여 ‘rebuild html’ 옵션을 찾으세요.

아직 캐싱이 진행 중일 수도 있습니다. 그렇다면 Oneboxing이 새 링크라고 인식하도록 URL 끝에 중복된 쿼리 문자열을 추가해 보세요.

예를 들어

https://twitter.com/newscientist/status/1294560523971956736?s=21&order=bacondoublecheese

@merefield @david 정말 감사합니다. 두 가지 방법 모두 효과가 있었어요! 이제 트위터 링크에 대해 Onebox와 토픽 목록 미리보기가 표시됩니다. 조금 지연되긴 하지만, 그래도 표시가 됩니다. 감사합니다!

네, sidekiq가 이미지를 가져오고 썸네일 생성을 허용하기 전에 잠시 휴식하는 것입니다 :slight_smile:

아, 그래, 그거 괜찮아! :smile: