Nube de etiquetas de Discourse

Agrega una etiqueta tradicional (más o menos), receptiva, “nube” a la página de etiquetas y, opcionalmente, a la parte superior de la Lista de descubrimiento para facilitar la navegación. Las etiquetas se organizan automáticamente en una nube, mientras que su tamaño relativo representa la frecuencia de su uso.

¿Aún no conoces las etiquetas de Discourse? Dirígete aquí primero: Etiquetas de Discourse

NB Actualmente es deliberadamente solo para escritorio (y tableta) debido a los objetivos táctiles potencialmente pequeños.

Configuración

La nube de la página de inicio está DESACTIVADA por defecto.

Puedes jugar con la escala de palabras y la altura del lienzo para hacer las cosas más compactas. Eventualmente, puedo hacer que las cosas sean colapsables en una futura versión.

Puedes jugar con la configuración de color para hacerlo monocromático.

NB Si la configuración tags listed by group está ACTIVADA, el componente debería buscar en los grupos y agregar las etiquetas incrustadas.

Míralo en acción

Demostración en vivo aquí: https://starzen.space/tags

Problemas conocidos

  • Si no haces la nube lo suficientemente grande, o la escala de las etiquetas lo suficientemente pequeña, omitirá arbitrariamente algunas etiquetas. Experimenta.

  • Debido a los objetivos táctiles potencialmente pequeños, no está habilitado en dispositivos móviles. Considera cuidadosamente tu configuración cuando uses en tabletas. Puedo proporcionar una forma de deshabilitarlo en tabletas en el futuro.

  • No hay soporte automatizado para el modo oscuro. El esquema de color predeterminado se elige para ser neutral y funcionar tanto en temas claros como oscuros. Es posible hacerlo todo blanco o todo negro jugando con la configuración de color. Potencialmente podrías instalar dos y configurarlos de manera diferente para el modo oscuro. Tendré que pensar en agregar algo de automatización aquí.

  • Si tienes la animación habilitada y pasas rápidamente el ratón entre las palabras, se encogerán. Eso es inevitable, creo, ya que no das suficiente tiempo para la animación de “mouse out”. Por lo tanto, proporciono una forma de deshabilitar la animación en la configuración.

Créditos

Proyectos similares

Si te gusta esto, también te pueden gustar mis:

|||
|-|-|-|
| :hammer_and_wrench:|Repositorio| Nube de etiquetas de Discourse |
| :question:|Guía de instalación|Cómo instalar un tema o componente de tema|
| :open_book:|¿Nuevo en los temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse|

NB Debes incluir tu carpeta de subidas en la configuración de content security policy script src.

19 Me gusta

¿El tamaño de una palabra depende de cuántas veces se ha utilizado como etiqueta?

Correcto. Debería añadir eso al OP

Recibí un mensaje de error que dice Refused to load the script 'https://{{some url}}.js' because it violates the following Content Security Policy directive: \"script-src\" y Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

Parece que no has permitido que tu sitio use scripts de tu carpeta de subidas.

Necesitas una entrada como esta:

image

(con tu propio dominio).

1 me gusta

Gracias, y descubrí que solo consulta etiquetas de “Otras etiquetas” si existen grupos de etiquetas.

Ah, interesante. Gracias por los comentarios. Solo se ha probado sin grupos de etiquetas. Le echaré un vistazo en algún momento…

He acabo de echar un vistazo a esto, yo:

  • Creé un nuevo Grupo de Etiquetas
  • Añadí una Etiqueta existente al Grupo.
  • Actualicé la página principal
  • La Etiqueta todavía aparecía en la Nube.

¿Así que no puedo reproducir tu problema? Por favor, proporciona los pasos completos para reproducirlo.

¿Sería esta Nube de Etiquetas las palabras más habladas en el foro? ¿Como un tema de tendencia de Twitter?

No, es literalmente una nube de Etiquetas de Discourse. Sin embargo, también hice: Word Cloud plugin (que está enlazado en el OP, por cierto), que suena más a lo que estás describiendo.

1 me gusta

¿Hay algo similar a los Temas del momento de Twitter? Por ejemplo, los temas más populares del día (escritos en temas)

Core Discourse ya lo tiene, se llama la lista de los mejores:

Creo que la traducción salió mal, me refería a las palabras más citadas del día, ejemplo: Queijo, Carne, The Weeknd, Xtina, American Idol

[image]

1 me gusta

El plugin Word Cloud es probablemente el más cercano, pero no tiene una dimensión temporal (todavía), toma estadísticas agregadas de todo el foro (o categorías seleccionadas).

¡Genial! Siempre quise tener una nube de etiquetas en Discourse, así que me alegra ver que este componente temático está disponible. ¡Buen trabajo!

Lo de la CSP es extraño. Me encontré con el mismo error y, en última instancia, solo funcionó cuando agregué la ruta especificada en el error, que fue:

https://SITEURL/uploads/default/original/1X/
1 me gusta

He revisado el código fuente y he descubierto que la propiedad computed tags property solo devuelve el grupo de etiquetas en tags.json, las otras están en extras.tag_groups. Sin embargo, no he podido averiguar cómo solucionar el problema.

1 me gusta

Bien hecho por intentarlo, pero si quieres que arregle algo, sería muy útil que me proporcionaras pasos funcionales para reproducirlo, por favor, desde el front end, como si fueras solo un usuario, porque ahora mismo no puedo ver el problema.

Acabo de instalar el componente y voy a la página /tags y solo encuentro etiquetas sin grupo asignado que aparecen en la nube.

Actualización: lo siento, olvidé mencionar que la opción de listar etiquetas por grupo está habilitada, hacía tiempo que la había habilitado, olvidé que estaba desactivada por defecto.

1 me gusta

Puedo reproducir esto. Si habilita la configuración tags listed by group, solo verá las etiquetas no agrupadas en la nube de etiquetas.

Screen Shot 2022-02-15 at 1.03.58 PM

En el proceso, también estoy recibiendo este error.

Slow down, too many requests from this IP address.
Please retry again in 3 seconds.
Error code: ip_10_secs_limit.
3 Me gusta

gracias, eso me habría ahorrado mucho tiempo.

Lo añadiré como un problema conocido hasta que tenga tiempo de mirar esto (hecho).