요청하신 모든 주제를 확인하고 있습니다: https://forum.flowster.app/embed/topics?discourse_embed_id=de-k0ofgk7q0&category=17&per_page=5&template=complete&top_period=all
아마 iframe이 들어 있는 div의 크기가 너무 작아서 다른 주제들을 보지 못하고 계신 것은 아닌지요?
요청하신 모든 주제를 확인하고 있습니다: https://forum.flowster.app/embed/topics?discourse_embed_id=de-k0ofgk7q0&category=17&per_page=5&template=complete&top_period=all
아마 iframe이 들어 있는 div의 크기가 너무 작아서 다른 주제들을 보지 못하고 계신 것은 아닌지요?
@Falco 도움 주셔서 감사합니다! 해당 링크를 통해 여러 주제를 볼 수 있지만, 이 HTML 코드가 작동하지 않는 이유는 무엇일까요? <d-topics-list> 태그 사용에 뭔가 잘못되고 있는 건가요?
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://forum.flowster.app/javascripts/embed-topics.js"></script>
</head>
<body>
<d-topics-list discourse-url="https://forum.flowster.app" template="complete" top_period="all" category="17" per-page="5"></d-topics-list>
</body>
</html>
답을 아시는 분 계신가요? 왜 위의 HTML 코드가 작동하지 않는 걸까요? ![]()
Google이 Discourse의 주제 임베드 기능이 포함된 페이지를 렌더링할 때 대문자 <div> 요소를 사용하는 것으로 보입니다.
아래는 Google 검색 콘솔에서 렌더링된 HTML의 스크린샷입니다.
임베드된 토픽 목록의 한 가지 문제는, 임베드된 토픽 목록 항목을 클릭하면 사용자는 항상 해당 토픽의 첫 번째 게시물로 이동한다는 점입니다. 지원 시스템을 통해 사용자가 첫 번째 게시물 대신 해당 토픽의 last(마지막) 게시물로 이동할 수 있는 방법이 있는지 문의한 요청을 받은 적이 있습니다.
이 기능이 다른 사이트에도 유용할 수 있다면, 임베드 코드에 last 매개변수를 추가하여 사용자가 첫 번째 게시물 대신 해당 토픽의 마지막 게시물로 자동으로 이동하도록 할 수 있는 방법이 있을까요?
토론은 처음부터 끝까지 읽도록 설계되었다는 원칙에 어긋나는 것임을 잘 알고 있습니다. 그러나 토픽 목록이 임베드된 사이트에서 사용자의 마지막 읽은 게시물을 저장할 수 없는 상황에서, 사이트가 사용자를 해당 토픽의 마지막 게시물로 안내할 수 있도록 허용하는 것이 이 경우 합리적일 수 있습니다.
이 문제는 페이지에서 심각한 SEO 이슈로 이어질 수 있어 다시 한번 언급할 가치가 있다고 생각합니다.
임베드 토픽을 사용하여 생성된 URL의 헤더에는 x-robots-tag: noindex,indexifembedded가 포함되어 있습니다.
indexifembedded는 구글 전용입니다.
X-Robots-Tag: googlebot:noindex,indexifembedded와 같이 작성하는 것이 더 적절해 보입니다.
아니면 아예 태그를 제거하는 것도 방법입니다.
실제로 가장 큰 문제는 Bing이나 다른 크롤러가 임베드 토픽으로 표시되는 콘텐츠를 인덱싱하거나 고려하지 않는다는 점입니다. (이들은 noindex 부분만 인식하기 때문입니다.)
그것이 우리가 원하는 바로 그 거 아닌가요? /embed/topics 아래에 있는 것을 크롤러가 직접 인덱싱하는 것을 원하지 않습니다.
안녕하세요 @Falco
그렇게 하면 제 예시 URL이 인덱싱되지 않을 것 같아서 동의하기 어렵습니다.
Google은 해당 URL들을 독립적인 URL로 크롤링합니다. 임베드 토픽이 표시되는 페이지의 URL과는 별개입니다.
제 URL은 여전히 크롤링됩니다.
https://www.flynumber.com/products/virtual-phone-number/australia
하지만 Bing은 embed/topics URL에 도달하여 nonindex 지시어를 확인하고, 이를 위 URL에 반영하지 않습니다.
반면 Google은 embed/topics URL을 인덱싱하지 않지만, "indexifembedded"를 이해하므로 임베드가 표시되는 페이지에 콘텐츠가 반영되도록 처리합니다.
이것을 사용해보고 나서 몇 가지 피드백을 남깁니다…
category를 하나뿐 아니라 여러 개 포함할 수 있으면 좋겠습니다. 특정 스레드가 표시되지 않도록 하기 위해 직접 설정을 조정해야 했습니다. 이 용도에는 exclude_tag가 효과적으로 작동합니다.
하지만 임베드에서 표시하지 않기를 원하는 스레드에 붙이는 admin 태그를 만들었습니다. 이 admin tag의 설정을 Tags are visible only to the following groups(태그는 다음 그룹에만 표시됨)로 변경해 보니, exclude_tag 기능이 사라집니다.
포럼에서 태그를 숨기면서, 동시에 임베드에서는 해당 태그가 제외되기를 희망했습니다.
Salesforce 페이지나 커뮤니티에서 LWC를 사용하여 Discourse를 임베드해 보신 분 계신가요? 가 그곳에서 인식되지 않을 것 같습니다.
세상이 끝난 것은 아니지만, 검색 매개변수에 주제에 연결된 태그가 포함되지 않습니다.
예를 들어 다음과 같은 코드가 있습니다.
<div class="rss-widget">
<h2 style="text-align: center;">미국과 관련 있는 포럼 주제</h2>
<hr>
<script defer src="https://discuss.example.com/javascripts/embed-topics.js"></script>
<d-topics-list discourse-url="https://discuss.example.com" template="complete" search="usa" per-page="7"></d-topics-list>
</div>
게시글 본문에 "usa"라고 입력하면 해당 주제가 표시되지만, “usa” 태그가 있는 주제는 표시되지 않습니다.
안녕하세요!
임베드된 목록에서 주제의 태그(또는 카테고리)를 표시할 수 있을까요? 아니면 메인 페이지에서 사용할 수 있는 CSS 클래스를 추가해서 주제를 스타일링할 수 있게 해줄 수 있을까요?
제가 원하는 것은 임베드된 주제 목록을 메인 페이지의 주제 목록과 똑같이 보이게 하는 것인 것 같습니다… 예를 들어 이 목록처럼요: Topics tagged official …