디스코URS 태그 클라우드

태그 페이지에 전통적인(ish) 반응형 태그 '클라우드’를 추가하고, 탐색의 편의를 위해 발견 목록(Discovery List) 상단에 선택적으로 표시합니다. 태그들은 자동으로 클라우드 형태로 배치되며, 각 태그의 상대적 크기는 사용 빈도를 나타냅니다.

아직 Discourse 태그에 대해 잘 모르시나요? 먼저 여기로 가보세요: Discourse 태그

참고: 현재는 잠재적으로 작은 터치 타겟 문제 때문에 의도적으로 데스크톱(및 태블릿) 전용으로 설정되어 있습니다.

설정

홈페이지의 태그 클라우드는 기본적으로 꺼져 있습니다.

단어 스케일과 캔버스 높이를 조정하여 더 컴팩트하게 만들 수 있습니다. 향후 릴리스에서 접기 기능을 추가할 수 있습니다.

색상 설정을 조정하여 단색(monochrome)으로 만들 수 있습니다.

참고: 그룹별로 태그 나열 설정이 켜져 있으면, 해당 컴포넌트는 그룹을 탐색하여 임베드된 태그를 추가해야 합니다.

동작 확인

라이브 데모: https://starzen.space/tags

알려진 문제

  • 클라우드가 충분히 크지 않거나 태그 스케일이 충분히 작지 않으면, 일부 태그가 임의로 누락될 수 있습니다. 실험해 보세요.

  • 잠재적으로 작은 터치 타겟 때문에 모바일에서는 활성화되지 않습니다. 태블릿에서 사용할 경우 설정을 신중하게 고려하세요. 향후 태블릿에서 비활성화할 수 있는 방법을 제공할 수 있습니다.

  • 자동화된 다크 모드 지원이 없습니다. 기본 색상 스키명은 중립적으로 선택되어 라이트 테마와 다크 테마 모두에서 작동하도록 설계되었습니다. 색상 설정을 조정하여 전체를 흰색이나 검은색 계열로 만들 수 있습니다. 다크 모드를 위해 두 개를 설치하고 다르게 설정하는 것도 가능합니다. 여기에 자동화를 추가하는 것에 대해 생각해 봐야 합니다.

  • 애니메이션이 활성화되어 있고 단어를 빠르게 넘기면 단어가 축소됩니다. 마우스 아웃 애니메이션에 충분한 시간을 주지 않기 때문에 피할 수 없는 것 같습니다. 따라서 설정에서 애니메이션을 비활성화할 수 있는 방법을 제공합니다.

크레딧

유사한 프로젝트

이 프로젝트가 마음에 드신다면 이것도 좋아하실 수 있습니다:

참고: content security policy script src 설정에 업로드 폴더를 포함해야 합니다.

19개의 좋아요

단어의 크기는 태그로 사용된 횟수에 따라 달라질까요?

맞아요. 원 포스터에게 이 부분을 추가해야겠습니다

'https://{{some url}}.js' 스크립트를 로드하는 것이 거부되었습니다. 다음 Content Security Policy 지시문: "script-src"을 위반했기 때문입니다.라는 오류 메시지와 'script-src-elem'이 명시적으로 설정되지 않았으므로 'script-src'가 폴백으로 사용됩니다.라는 노트를 확인했습니다.

업로드 폴더에서 스크립트를 사용할 수 있도록 사이트에 권한을 부여하지 않은 것 같습니다.

아래와 같은 항목이 필요합니다:

image

(자체 도메인으로 설정하세요.)

1개의 좋아요

감사합니다. 그리고 태그 그룹이 존재할 때만 "Other Tags"에서 태그를 조회한다는 사실을 발견했습니다.

아, 흥미롭네요. 피드백 감사합니다. 태그 그룹 없이만 테스트해 봤어요. 나중에 한번 확인해 보겠습니다…

방금 이 문제를 확인해 보았습니다.

  • 새 태그 그룹을 생성했습니다.
  • 기존 태그를 해당 그룹에 추가했습니다.
  • 프론트 페이지를 새로고침했습니다.
  • 태그가 여전히 클라우드에 표시되었습니다.

따라서 해당 문제를 재현할 수 없습니다. 재현 단계를 자세히 제공해 주십시오.

이 태그 클라우드가 포럼에서 가장 많이 사용된 단어들을 나타내는 건가요? 트위터의 트렌딩 토픽처럼요?

아니요, 이것은 말 그대로 Discourse 태그의 구름입니다. 하지만 저는 다음을 만들기도 했습니다: Word Cloud plugin (참고로 원문에 링크되어 있습니다). 이쪽이 말씀하시는 내용과 더 비슷해 보이진 않나요?

1개의 좋아요

트위터의 트렌딩 토픽과 비슷한 기능이 있을까요? 하루 동안 가장 인기 있는 주제(토픽에 입력된) 같은 것 말이죠.

코어 Discourse에는 이미 해당 기능이 있으며, Top 목록이라고 불립니다:

번역이 잘못 나온 것 같아요. 제가 말한 건 '오늘 가장 많이 인용된 단어’였는데, 예를 들어 Queijo, Carne, The Weeknd, Xtina, American Idol 같은 거요.

[image]

1개의 좋아요

워드 클라우드 플러그인이 아마 가장 유사할 텐데, 아직 시간 차원이 없고 포럼 전체(또는 선택된 카테고리)의 집계된 통계를 기반으로 합니다.

대단합니다! 저는 항상 Discourse에 태그 클라우드를 갖고 싶었기 때문에 이 테마 컴포넌트가 사용 가능하다는 소식을 듣고 정말 기쁩니다. 좋은 작업이네요!

CSP 관련 문제는 좀 이상합니다. 저도 동일한 오류를 겪었는데, 결국 오류 메시지에 지정된 경로를 추가했을 때만 제대로 작동했습니다. 해당 경로는 다음과 같았습니다:

https://SITEURL/uploads/default/original/1X/
1개의 좋아요

소스 코드를 확인해 보니 computed tags property는 tags.json에 있는 태그 그룹만 반환하고, 나머지는 extras.tag_groups에 있는 것을 알게 되었습니다. 하지만 이 문제를 어떻게 수정해야 하는지 도저히 알 수가 없었습니다.

1개의 좋아요

시도해 주셔서 감사합니다. 다만, 문제를 수정하려면 프론트엔드에서 일반 사용자처럼 재현할 수 있는 구체적인 단계를 제공해 주시면 훨씬 도움이 됩니다. 현재로서는 문제를 확인할 수 없기 때문입니다.

컴포넌트를 설치한 후 /tags 페이지로 갔더니, 그룹이 할당되지 않은 태그만 클라우드에 표시되고 있습니다.

업데이트: 죄송합니다. 그룹별 태그 목록 옵션이 활성화되어 있다는 점을 언급하는 것을 잊었습니다. 이 옵션을 활성화한 지 꽤 시간이 지나서 기본값이 꺼져 있다는 사실을 잊고 있었습니다.

1개의 좋아요

재현할 수 있습니다. 그룹별로 나열된 태그 설정을 활성화하면 태그 클라우드에 그룹화되지 않은 태그만 표시됩니다.

Screen Shot 2022-02-15 at 1.03.58 PM

이 과정에서 다음 오류도 발생하고 있습니다.

Slow down, too many requests from this IP address.
Please retry again in 3 seconds.
Error code: ip_10_secs_limit.
3개의 좋아요

고맙습니다. 그 덕분에 많은 시간을 절약할 수 있었을 텐데요.

이 문제를 조사할 시간이 날 때까지 알려진 문제로 등록해 두겠습니다. (완료)