Charts embed from Google Sheets or Lucidchart
-
Hello,
First of all I’m using the free version. The problem is that my website doesn’t show graphic charts embed from Google Sheets or Lucidchart, although it is possible to preview them while editing the HTML, they don’t show up when I charge the page.
Thanks in advance.
-
Buenas tardes.
Como este es el foro oficial de WordPress.com en español, te responderé en nuestro idioma.
¿Puedes decirnos la dirección (https://…) del sitio web en el que te ocurre lo que comentas? -
Hola,
perdonad, no sabía que era en español y lo puse en inglés pensando en que llegaría a más gente.
Es una página que estoy creando, por ahora de prueba:
https://bicichallenge.wordpress.com/
Es una página que he creado para que sea el inicio de la web, tiene incrustado un código HTML de un gráfico de Lucidchart, al cargar la página deja el espacio donde iría el gráfico pero no se ve. Me pasa lo mismo con gráficos incrustados desde Google Sheets.
Muchas gracias.
-
Bien.
Con respecto a lo de Google Sheets debes seguir las instrucciones de este artículo https://wordpress.com/support/google-docs/ tal cual están.
En la sección correspondiente:
https://wordpress.com/support/google-docs/#sheetsEl documento (doc, pdf, hoja de cálculo, etcétera), debe ser público.
Con respecto a Lucidchart, no sé qué tipo de código te da, pero no hay una integración como sí la hay con los documentos de Google.
Así que habrá que ver, caso por caso.
Debes tener en cuenta que en WordPress.com hay ciertos tipos de códigos o etiquetas que no están permitidos por motivos de seguridad.
Aquí tienes un artículo detallado:
https://wordpress.com/es/support/codigo/Si quieres, puedes copiar y pegar aquí en el foro el código que te da Lucidchart, para ver si es compatible.
Si el código usa etiquetas como embed, frame, iframe, form, input, object, textarea, style, no podrás utilizarlo en tu blog. Tampoco se permite JavaScript. -
Muchas gracias,
el código del gráfico de Lucidchart es:
<div style=»width: 640px; height: 480px; margin: 10px; position: relative;»>https://lucid.app/documents/embeddedchart/dea66554-2d21-4d9b-82d6-5b64ecdada1f</div>
el gráfico de Google Sheets es:
Ambos gráficos no se ven.
He visto que tienen etiquetas iframe, pero si inserto un mapa de Google Maps que también tiene etiquetas iframe sí se ve. El código de maps es:
Gracias!!
-
No se han copiado bien los códigos, es que no sé bien cómo escribirlos…
El gráfico de Google Sheets es:
El de Maps es:
-
Para escribirlos aquí, hay que pegarlos entre un par de acentos graves. El acento grave es el que está a la derecha de la letra P en un teclado español estándar. Es este símbolo entre paréntesis. (`)
De todas formas, según las instrucciones que te di, debes copiar el código del Google Sheet, como se indica aquí:
https://wordpress.com/support/google-docs/#sheetsTienes que seguir todos los pasos tal cual están allí:
Sheets
To embed a Sheet from Google Docs, open the spreadsheet you want to embed and click on the Publish to the Web link under the File menu.Click the Publish button. Then click Embed and copy the code.
Paste the embed code into a Custom HTML block and it will show up on your page or post.
Y lo que tienes que obtener al final del proceso es un código que comienza por la etiqueta iframe, como el del ejemplo del artículo, que se ve en la imagen:
Por otro lado, recuerda que ese documento debe ser público (no sé si es tuyo o o lo has sacado de alguna página). Pero si no es público y es privado, no funcionará.
-
Vale, la hoja de Google Sheets sí se ve, lo que pasa es que quiero mostrar solo el gráfico que he creado dentro. Si publico el gráfico se genera un código HTML también, es este:
Este es el gráfico que no me deja ver, es raro porque si inserto el código de Google maps sí se ve el mapa, el código es:
-
No sé si lo haré bien esta vez… lo siento, muchas gracias por todo.
-
Hola de nuevo,
intentaré explicarme bien esta vez utilizando capturas de pantalla.
Cuando inserto el código HTML me sale este editor donde pego el código:
https://ibb.co/C7TTLvCSi lo pongo en vista previa dentro del editor sí que se visualiza el gráfico:
https://ibb.co/YkNHTrWNo sé por qué cuando guardo los cambios y abro la página el gráfico no se ve, si ya se ha previsualizado en el editor sin problemas. ¿Será porque el gráfico es en Javascript?. ¿O para que solo se puedan usar los gráficos que son creados con los plug-ins que hay para ello?.
Un saludo, muchas gracias por todo.
-
Hola.
Como te mencioné en mi segunda respuesta, cito:Si el código usa etiquetas como embed, frame, iframe, form, input, object, textarea, style, no podrás utilizarlo en tu blog. Tampoco se permite JavaScript.
De todas formas como soy voluntario, he marcado este hilo para que responda un empleado de WordPress.com y verifique que ese es el motivo para que no funcione o es otro (algún bug en tu blog, etcétera).
Ten paciencia porque la respuesta no será instantánea.
Un saludo.
-
¡Hola!
Tal como te comentó @galois, necesitarías tener el plan Business o eCommerce para poder añadir este tipo de código:
-
Hola,
muchas gracias por todo a los dos, entonces miraré si me conviene pasar al plan Business o no.
Un saludo.
- El debate ‘Charts embed from Google Sheets or Lucidchart’ está cerrado y no admite más respuestas.
Foros WordPress.com en Español 