Twitter 네이티브 임베드

다시 돌아왔다가 내 쪽에서는 또 사라졌습니다.

죄송하지만, 아이에게 설명하듯 수정 방법을 처음부터 끝까지 자세히 나열해 주실 수 있을까요? :sweat_smile:

  1. 테마 컴포넌트를 설치하세요.
  2. content security policy script src 설정에 https://platform.twitter.com/을(를) 추가하세요.
  3. blocked onebox domains에 twitter.com을(를) 추가하세요.
  4. twitter consumer key 설정에 아무 값이나 입력하세요.
  5. twitter consumer secret 설정에 아무 값이나 입력하세요.

그러면 정상적으로 작동할 것입니다.

6개의 좋아요

아, 알겠습니다. 스티븐, 감사합니다. 네이티브 트위터 임베드 문제를 해결하는 방법이 있을까요? 현재 제 사이트에서는 약 일주일 동안 링크만 표시되고 있습니다. 아니면 이 컴포넌트가 트위터 임베드를 위한 유일한 해결책인가요?

한 단계를 빠뜨렸네요. twitter.com을 차단된 onebox 도메인에 추가하는 것(나머지 도메인용)입니다. :man_facepalming: 이전 게시글을 수정했습니다.

DM으로 포럼 링크를 공유해 주시겠어요? (트위터 링크가 포함된 토픽) 테마 구성 요소를 활성화했는지 확인하고 싶어요(일부 사용자는 테마에 추가하는 것을 잊는 경우가 있거든요). 아니면 소스 메시지를 확인해 주세요(트위터 링크는 단독 줄에 있어야 합니다).

2개의 좋아요

@Steven님이 제공한 지침이 최신 버전(3.1.0.beta6)을 실행 중인 내 인스턴스에서 작동하는 것을 확인했습니다.

1개의 좋아요

@Solarus 이미지 첨부된 트위터 게시물에도 이 방법으로 작동하나요?

예: https://twitter.com/droneswmp/status/1686451431006453760

저에게도 이 방법이 잘 작동했습니다. 다만, 마지막 단계로 클라이언트 측에서 Discourse 인스턴스를 업그레이드하여 인스턴스를 소프트 리빌드해야 했습니다. 그게 바로 속담에 나오는 ‘점화’ 역할을 해준 것 같습니다.

비디오가 포함된 트윗으로 테스트해 보았습니다. 제 인스턴스에서 해당 트윗을 확인하고 결과를 보고할 수 있습니다.

@Richie 예시 트윗으로 시도해 보았으며, 트윗+이미지가 정상적으로 렌더링되고 문제가 없습니다. (제 언어 설정은 스페인어입니다)

링크 "http://x.com"와 함께 임베드를 작동시킬 계획이 있나요?

2개의 좋아요

알려주셔서 감사합니다. 바로 수정하겠습니다.

3개의 좋아요

이제 x.com 링크를 지원합니다.
참고로, Twitter 자체도 x.com 도메인 이름을 완전히 활성화하지 않은 것으로 보입니다. 향후 기본 공유 링크가 x.com으로 변경될 경우, 링크 형식과 로딩에 사용되는 JavaScript에 어떤 변경 사항이 생길지는 알 수 없습니다.

6개의 좋아요

첫 번째 게시물에 올바른 지침이 포함된 상태로 수정될 수 있을까요?

이 스레드를 따라가고 있는데, 누군가는 onebox의 차단 도메인에 twitter.com을 추가하라고 제안하고, 또 다른 사람은 그럴 필요가 없다고 합니다. 그다음에는 누군가는 Twitter API 키를 제거하라고 하고, 또 다른 사람은 그 필드에 아무거나 추가하라고 하는 상황입니다…

우리 쪽은 꽤 전에 작동이 멈춰서 결국 포기했어요.

일론 머스크가 또 무슨 장난을 치는 건가 싶어서, 상황이 좀 가라앉을 때까지 기다리기로 했죠 :blush:

팁 알려줘서 고마워, 방금 설명서를 업데이트했어.

3개의 좋아요

저희 포럼에서 트윗을 [quote] 블록으로 감싸면 리치 임베드가 정상적으로 작동하지만, 그렇지 않으면 텍스트만 표시된다는 사실을 확인했습니다. 테마와 관련된 문제일 수도 있지만, 다른 분들도 비슷한 현상을 겪을 수 있으므로 여기 남겨둡니다.

링크 요소에 onebox 클래스가 있는지 확인해 보셨나요?
테마 컴포넌트가 작동하려면 “onebox” 클래스 속성이 필요합니다.

blocked onebox domains에 twitter.com과 x.com을 추가해 보셨나요?

<a href="https://x.com/username/status/..." class="onebox">
3개의 좋아요

twitter와 x를 모두 차단된 onebox 도메인에 추가했습니다(처음에는 X를 잊고 있었습니다) 하지만 이상한 동작은 계속되고 있습니다.

onebox CSS 클래스에 대해서는, 예를 들어 이 트윗의 경우 어디에서 확인해야 하는지 모르겠습니다:

https://twitter.com/SpoutLore/status/1715688928806944943

제출 후 제가 볼 수 있는 것은 오직 생성된 게시글(baked post)뿐입니다:

<aside class="onebox twitterstatus" data-onebox-src="https://twitter.com/SpoutLore/status/1715688928806944943">
  <header class="source"><svg class="fa d-icon d-icon-fab-twitter svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fab-twitter"></use></svg>

      <a href="https://twitter.com/SpoutLore/status/1715688928806944943" target="_blank" rel="noopener">twitter.com</a>
  </header>

  <article class="onebox-body">
    
<h4><a href="https://twitter.com/SpoutLore/status/1715688928806944943" target="_blank" rel="noopener">Spout Lore <span class="badge badge-notification clicks" title="1 click">1</span></a></h4>
<div class="twitter-screen-name"><a href="https://twitter.com/SpoutLore/status/1715688928806944943" target="_blank" rel="noopener">@SpoutLore</a></div>

<div class="tweet">
  <span class="tweet-description">🚨NEW EPISODE!!🚨

In this ep the gang takes a page out of Christopher Nolan's book and tries to incept the shit out of themselves to see if they can figure literally ANYTHING out.

Also, most of this episode happens at a $7.99 pizza hut lunch buffet.

https://t.co/gDtdYQOYao</span>
</div>

<div class="date">
  <a href="https://twitter.com/SpoutLore/status/1715688928806944943" class="timestamp" target="_blank" rel="noopener"></a>


</div>

  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

또는 인용 블록(quote block)에 있는 경우, 다음과 같습니다:

<div class="twitter-tweet twitter-tweet-rendered" style="display: flex; max-width: 550px; width: 100%; margin-top: 10px; margin-bottom: 10px;"><iframe id="twitter-widget-13" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" class="" style="position: static; visibility: visible; width: 550px; height: 786px; display: block; flex-grow: 1;" title="Twitter Tweet" src="https://platform.twitter.com/embed/Tweet.html?dnt=false&amp;embedId=twitter-widget-13&amp;features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&amp;frame=false&amp;hideCard=false&amp;hideThread=false&amp;id=1715688928806944943&amp;lang=en&amp;origin=https%3A%2F%2Fnetgamers.it%2Ft%2Fusa-fascismo-e-polizia-part-2%2F836096%2F200&amp;sessionId=29bf06409a54fcadc10eb870158a5a32ae1772c3&amp;theme=light&amp;widgetsVersion=01917f4d1d4cb%3A1696883169554&amp;width=550px" data-tweet-id="1715688928806944943"></iframe></div>

여기서 시도해 보면, 단순한 직접 링크의 경우에도 동일한 동작을 보이며, 미디어 부분은 생략됩니다(최소 이 답변 옆에서 볼 수 있는 미리보기에서는 그렇습니다)

여기의 인용은 전체 iframe으로 변환되지 않습니다. 아마도 그들은 다른 방식을 사용하거나 이 컴포넌트를 사용하지 않는 것 같습니다.

X on X / X

네, 실제로 Twitter의 iframe을 사용하는 것은 최후의 수단입니다. iframe을 사용하는 것에는 많은 단점이 있습니다. Discourse 메타 포럼은 이 테마 컴포넌트를 사용하지 않으며, 앞으로도 사용하지 않을 것이라고 생각합니다.

이것은 당신의 포럼에서 일어나는 일인가요? Discourse 자체의 리치 임베드(Rich Embed) 기능이 영향을 미친 것으로 보입니다. 저는 API 접근 권한이 없어 리치 임베드를 사용할 수 없는 사람들을 위해 이 테마 컴포넌트를 작성했습니다.

이미 리치 임베드를 사용할 수 있는 포럼들이 이 테마 컴포넌트를 사용할 것이라고는 생각하지 못했습니다.

1개의 좋아요

제가 관리하는 포럼입니다(소유자는 저 아닙니다). 얼마 전부터 원박스가 제대로 작동하지 않아서 테스트를 해보고 있습니다.