Vista previa de Google Sheet: ¿hay alguna manera?

Encontré un par de temas antiguos (¿de casi 10 años?) sobre las vistas previas de Hojas de cálculo de Google, o la falta de ellas. ¿Hay alguna manera de que eso funcione hoy en día?

He aquí por qué lo pregunto.

En nuestra comunidad, hacemos un seguimiento de información importante en una Hoja de cálculo de Google. En Facebook, la vista previa de la hoja de cálculo enlazada en la publicación es en realidad una instantánea del estado actual de la hoja de cálculo. Es muy práctico porque ni siquiera tenemos que abrirla necesariamente si la codificación por colores en la hoja de cálculo nos proporciona suficiente información (suele ser el caso).

Aquí hay una captura de pantalla de una publicación típica, para mostrarles a qué me refiero:

Screenshot 2025-12-16 at 23.25.30

Las celdas multicolores nos dan una visión general de la situación de un vistazo, sin tener que hacer clic en la Hoja de cálculo de Google (a menos que queramos ver más detalles).

¿Habría alguna manera de lograr este tipo de “incrustación” sin temas de Discourse?

En Google Docs de escritorio, ve a Archivo → Compartir, luego Publicar → Incorporar.

Luego puedes pegar el iframe generado en Discourse.

Debes añadir el dominio de Google Docs a las URL de iframe permitidas en la administración de Discourse.

El resultado se ve así:

6 Me gusta

¡Gracias! Definitivamente parece que funcionaría. ¿Sabes si hay alguna forma de hacer esto también en el móvil? Supongo que al menos la mitad de nuestros miembros son «solo móviles» :fearful:

1 me gusta

Nota: lo siguiente fue fusionado (gracias @merefield y @darkpixlz) de otro tema que acabo de crear… con exactamente la misma pregunta que en diciembre. Se me pasó por alto en mi cerebro (accidente de esquí hace casi un año, amigos, pero todavía no estoy en plenas condiciones para algunas cosas, claramente; gracias por su indulgencia).

En mi comunidad, cada miembro tiene una hoja de cálculo de seguimiento que normalmente comparten cuando publican para pedir ayuda. La forma en que funciona ahora en Facebook es que hay una “vista previa” que muestra una instantánea de la parte más reciente de la hoja de cálculo:

Esto es súper útil (al menos una cosa para la que Facebook es útil) porque nos da una vista de los datos relevantes que necesitamos sin siquiera hacer clic en la hoja de cálculo. Por supuesto, a menudo hacemos clic, pero nos da una comprensión general del tipo de situación con la que estamos tratando.

Leí aquí que para que el onebox funcione en Discourse, el documento de Google tenía que estar publicado. Lo intenté con el mío, pero no parece funcionar:

¡Incluso dice que la hoja es privada, cuando no lo es! Aquí está el resultado cuando comparto el enlace de “compartir con enlace”, lo mismo:

¿Hay alguna manera de obtener algo mejor que esto? Es un aspecto fundamental de cómo funcionamos: el punto clave de nuestro trabajo es ayudar a las personas a rastrear e interpretar la glucosa en sangre que monitorean en casa, y este modelo de hoja de cálculo es nuestra herramienta “mágica” para hacerlo.

Supongo que si Facebook puede mostrar una instantánea significativa de una hoja de cálculo de Google, debería haber una manera de gestionarlo en Discourse también.

2 Me gusta

(¡¡¡Oooh, qué mal, buena suerte con la recuperación!!! :heart:)

¿Te ayudó la sugerencia de @Canapin?

1 me gusta

A ver, “más o menos funciona”, pero el iframe es realmente diminuto :-/ – no es realmente utilizable como tal, me temo:

¿Habría alguna forma de arreglar el tamaño del iframe?

¿Puedes enlazar a esta publicación si es posible? Puedo revisar las clases CSS para ver si eso es posible.

2 Me gusta

https://entraide.diabete-felin.com/t/test-de-partage-de-tableau/189?u=stephtara

¡Si hay algo que se pueda hacer con un poco de CSS, son buenas noticias!

1 me gusta

Si esto funciona, estoy tratando de encontrar la manera de hacerlo simple para mis miembros que no son expertos en tecnología. ¿Habría alguna manera de definir un tipo de “código corto de usuario” donde pegan el código de inserción en su hoja de cálculo una vez en algún lugar (¿en un campo de usuario personalizado?) y luego simplemente escriben algo como %mi_hoja_de_calculo% (o lo que sea) en su publicación para que se muestre el iframe?

Eché un vistazo rápido, no hay una clase específica para las incrustaciones de iframe de documentos, pero noté que su ancho máximo era 100% pero no el ancho real… establecerlo en 100% lo hizo más ancho y la altura depende de ti

.post__regular .cooked {
    iframe {
      max-width: 100%;
      max-height: min(1000px, 200vh);
      width: 100%;
      height: 500px;
    }
}
2 Me gusta

Personalmente, lo añadiría como un componente al sitio para que se aplique globalmente a todos los usuarios.

¡Sí, acabo de añadir el CSS al componente que creé para estos pequeños “ajustes de la comunidad”, gracias!

Y ahora está la cuestión de facilitar a la gente la inserción de ese iframe en sus publicaciones (porque si tienen que ir a Google Sheets, publicar, incrustar, copiar el código, volver, pegar, no sucederá)

1 me gusta

La solución con iframe es realmente muy buena ahora que tiene el tamaño correcto, porque podemos desplazarnos por la hoja de cálculo para ver el resto de los valores sin tener que abrirla. ¡E incluso funciona bien en dispositivos móviles! Gracias, eso soluciona una parte muy buena del problema.

Desafortunadamente, a menos que te metas en JavaScript más avanzado, realmente no veo que eso suceda… No estoy muy familiarizado con la API de JavaScript de Discourse, pero parece tan fácil como tomar la URL, envolverla en <iframe> src="..."</iframe> y reemplazar /edit con /pubhtml?widget=true&amp;headers=false

Recomendaría hacer una publicación tutorial que informe a los miembros de tu comunidad sobre cómo exportarlo correctamente si esto es una gran preocupación, o siempre puedes solicitar soporte oficial de onebox en Contribute > Feature

1 me gusta

No tengo muchos conocimientos de JS, pero si percibes una posible solución en esa dirección, puedo investigarla. Me estoy desviando un poco del tema original, pero estoy pensando que mi “solución soñada” sería poder añadir un botón a la barra de herramientas que “añada la hoja de cálculo del usuario” :sweat_smile:

Definitivamente publicaré instrucciones y un tutorial, pero la población de mi comunidad es en gran medida “el público en general”, e incluso con un tutorial, este tipo de cosas es desafiante.

1 me gusta

Sí, esto es definitivamente posible, solo que no es algo que me imaginaría que alguien hiciera gratis en un hilo de soporte. Estoy seguro de que si tienes algo de dinero para gastar, ¡alguien puede ayudarte en Marketplace u otro canal!

1 me gusta

¡De ahí el sueño! :wink:

Muchas gracias por tu ayuda, ¡estoy muy contento de tener algo que al menos sea viable para estas hojas de cálculo!

1 me gusta

Vaya, quería marcar como solución tanto tu publicación como la de Canapin, pero solo puedo marcar una :-/

1 me gusta

¿Qué tal un botón en el compositor que añada el iframe al hacer clic? Ciertamente es factible en un Componente de Tema.

Luego puedes cambiar applySurround por addText y añadir el contenido del iframe directamente.

1 me gusta

¿Se podría personalizar eso por usuario?