자바스크립트 없이 Discourse 댓글 내장하기

개발
1

Embed Discourse comments on another website via Javascript 에 Discourse 댓글을 어떻게 임베드하는지에 대한 훌륭한 게시물이 있습니다. 그러나 웹사이트 방문객이 JavaScript를 실행하지 않는 커뮤니티도 있습니다. 그리고 그렇지 않더라도, SEO 관점에서 JavaScript 없이 사이트 댓글을 임베드할 수 있는 방법이 있어야 한다고 주장하겠습니다.

조금 찾아본 결과, JavaScript 없이 훨씬 더 간단한 방법으로 쉽게 구현할 수 있음을 발견했습니다. 다음을 따르기만 하면 됩니다:

<iframe id="discourse-embed-frame" scrolling="no" referrerpolicy="no-referrer-when-downgrade" 
src="https://<DISCOURSE_URL>/embed/comments/?embed_url=<WEBSITE_PAGE_URL>%2F&amp;discourse_username=system" 
width="100%" height="3271px" frameborder="0"></iframe>

예를 들어:

<iframe src="https://meta.discourse.org/embed/comments?embed_url=https%3A%2F%2Fblog.discourse.org%2F2021%2F05%2Fdiscord-and-discourse-better-together%2F&amp;discourse_username=rishabh" 
id="discourse-embed-frame" scrolling="no" referrerpolicy="no-referrer-when-downgrade"
width="100%" height="3271px" frameborder="0"></iframe>

이것이 작동하지 않을 이유가 있을까요?

2

현대 검색 엔진이 JavaScript를 실행할 수 없다는 것은 잘못된 생각입니다. JavaScript 사용 덕분에 임베딩 기능이 훨씬 강력해졌으며, 현재로서는 대안을 추가할 계획이 없습니다. 동일한 콘텐츠를 서버 측에서 가져와 렌더링하려면 Discourse API를 자유롭게 사용하실 수 있습니다.

3

알겠습니다. 하지만 제가 조금 테스트해본 결과, 위에서 언급한 방법은 아무런 변경 없이 작동합니다. 제 질문은 깨질 수 있는 엣지 케이스가 있을 수 있다는 가능성에서 비롯되었으며, 제가 고려하지 못한 부분이 있을 수 있다는 것이었습니다.

네, 그것이 다른 경로가 되겠습니다.

예시를 제공해 주실 수 있나요? 최종 결과가 동일한 iframe이라면 어떻게 다른지 이해가 되지 않습니다.

4

자바스크립트는 아무것도 하지 않는 것이 아닙니다. 자동 크기 조정 및 스크롤링에 사용됩니다. 또한 선택적 매개변수를 검색하여 더 쉬운 API를 제공합니다.

이것이 이를 수행하는 유일한 지원되는 방법입니다. <iframe>이 목적에 맞는다면, 이를 지원되지 않는 방식으로 사용할 수 있습니다.