Wix 웹사이트에 댓글을 위한 임베드 추가하기

지원
1

외부 웹사이트에 Discourse 주제를 임베딩하는 방법과 관련된 대부분의 주제와 영상을 찾아보았지만, Wix 웹사이트에서 이 문제를 해결하는 데 어려움을 겪고 있습니다. 연결 거부(Refusal to connect)라는 오류만 표시됩니다.

임베딩(embedding) 페이지에서 웹사이트에 허용된 호스트(Allowed Hosts)를 모두 추가했으며, 카테고리를 선택했고 모든 설정이 정상적으로 이루어진 것으로 보입니다.

EMBED_URL을 임베딩하려는 페이지의 URL로 교체했습니다.

주제를 생성하기 위해 DISCOURSE_USERNAME을 제 Discourse 사용자 이름으로 교체했습니다.

HTML 코드 전체를 웹사이트의 HTML iFrame에 붙여넣었습니다. 그러나 어떤 이유에서인지 작동하지 않습니다. 어디서 잘못되고 있는지 모르겠습니다.

이 문제를 해결하는 방법에 대해 조언해 주실 수 있을까요?

다른 주제에서 누군가가 JSON이나 RSS를 언급하는 것을 봤지만, 어떻게 진행해야 할지 전혀 감이 잡히지 않습니다. 성공적으로 별도의 웹사이트에 Discourse 임베딩을 추가한 분이 계신가요?

2

안녕하세요 @ethanjs, 메타에 오신 것을 환영합니다 :wave:

확신은 없는데, Discourse 콘텐츠를 iframe에 임베드할 수 없다고 생각해요.

저희 사이트는 부모 사이트의 기사 하단에서 댓글 섹션의 엔진으로 Discourse 포럼의 임베드를 사용하고 있는데, 그렇게 하면 꽤 잘 작동해요.

이 토론이 도움이 될 수 있어요:

3

@Lillinator 빠른 답변 감사합니다!

알겠습니다. iFrame에 직접 붙여넣을 수 없다는 내용을 다른 주제에서도 누군가가 언급한 것을 본 것 같습니다.

코드를 Wix의 Velo 사이트로 직접 붙여넣으면 **“JSX 표현에는 하나의 부모 요소가 있어야 합니다.”**라는 오류가 표시됩니다.

image
image961×306 26.2 KB

4

코드 오류가 있어서 허용되는 하나 이상의 식을 반환하려고 하시기 때문이에요. 코드를 올려주시면 확인해 드릴게요.

5

코드는 다음과 같아야 합니다. 단, DISCOURSE_USERNAME에는 게시한 사용자의 사용자 이름, EMBED_URL에는 임베드할 사이트의 URL을 입력하세요:

<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>

<script type="text/javascript">
  DiscourseEmbed = {
    discourseUrl: 'https://community.alivemaps.com/',
    discourseEmbedUrl: 'EMBED_URL',
    // className: 'CLASS_NAME',
  };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>
6

프래그먼트를 사용할 수 있을까요? 이 부분을 테스트해 봤는데 다른 오류가 표시되는 것 같았습니다. 그런데 지금은 ‘react’ 관련 오류가 나네요.

image
image1034×369 19 KB

7

그걸 분할해서 처리할 필요는 없으며, EMBED_URL과 DISCOURSE_USERNAME만 정확히 설정해 두었다면 해당 코드는 정상적으로 작동해야 합니다. 허용된 호스트 경로 및 카테고리 설정을 한 번 더 확인해 보시는 것이 좋겠습니다. :thinking: Wix의 Velo에 대해서는 잘 모르겠습니다.

8

다음 항목을 업데이트했습니다: EMBED_URL 및 DISCOURSE_USERNAME

어떤 이유에서인지 fragment가 없으면 전체 코딩이 오류를 발생합니다. 첫 번째 사진의 이미지처럼, 다만 업데이트된 정보로 표시되는 상태입니다.

제가 어디에서 잘못하고 있는지 알 수 있을까 해서 Velo 포럼에 게시물을 올려 보았습니다.

image
image1522×985 94.2 KB

이것이 어떻게 작동하는지 정말 알고 싶습니다. 댓글 기능이 없더라도 각 페이지를 포럼에 연결만 할 수 있다면 훌륭할 것 같습니다!

9

이것을 읽으셨다고 추측합니다: Wix Editor: Embedding a Site or a Widget | Help Center | Wix.com

거기서는 iframe으로 로드하는 것 같습니다.

10

image
image1075×856 80.4 KB

:smiling_face_with_three_hearts: 이거 진짜 좋아해요^^^^ :smiling_face_with_three_hearts:

11

네, 그게 저희 사이트예요 :slight_smile: 감사합니다. 저는 디스코ourse 포럼의 관리자이지만, 그 사이트가 임베딩되는 사이트의 관리자는 아닙니다.

네, 코드에서 에러를 발견할 수 없어서 혹시 Wix 사이트 쪽 문제일 수도 있겠다는 생각이 드네요. Wix의 허용 호스트나 경로 설정 같은 다른 설정 때문일 수 있습니다.hopefully Wix 쪽에서 도움을 주거나, 여기에서 누군가 문제를 알아보고 도움을 줄 수 있기를 바랍니다. 현재로서는 왜 작동하지 않는지 원인을 파악하지 못하고 있습니다.

12

네, 임베드(Embed) 사용법을 읽어봤어요. Wix 고객센터에도 4번 정도 전화했는데, 전문가 팀으로 연결해 주겠다는 말만 하고 전화가 계속 연결되지 않더라고요. 너무 바빠서 음성 메시지만 남기고 끊겼거든요. 그러다 며칠 전에 이메일 한 통을 받았어요.

아마 해당 이메일에 요청 사항에 대한 추가 정보를 담아 답변할 것 같아요.

방금 그들에게 메시지를 보냈어요

13

네, Discourse가 iframe에 임베드를 로드하지 않기 때문이라고 추정됩니다.

14

iFrame 관련해서 말씀하신 부분이 맞을 것 같아요. 관리자 > 커스텀 > 임베딩 페이지의 지시에 따라 진행했습니다. 제가 생각할 수 있는 모든 방법으로 수정하고 업데이트를 시도해 봤어요.

iFrame은 JavaScript 기반이므로 문제의 근본 원인이 될 가능성이 높습니다. 이전에 보내주신 링크에서 HTML 및 사이트 임베딩 아래에 "Custom Element"라는 섹션이 있는 것을 확인했어요. 아마 이것이 문제를 일으키는 원인인 것 같습니다.

image
image352×392 23 KB

Lilly님, 도움 주셔서 정말 감사합니다!

15

@ethanjs 괜찮아요, 하지만 더 많이 도와드리지 못해 죄송해요. :face_with_diagonal_mouth:

16

모두 괜찮습니다. Wix 지원팀에서 어떤 답변을 받는지 여기서 다시 알려드릴게요.

이 문제는 주로 Wix 웹사이트에서 발생하는 것 같고, WordPress 같은 플랫폼과는 다르다고 생각됩니다. 지난 몇 년간 다른 Wix 사용자들도 자주 겪어왔지만 명확한 해결책이 없는 일반적인 문제인 것 같습니다.