nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

211435_es-ES

liliconcom

Cómo insertar contenido de JMP Public o JMP Live en una página web o entrada de blog.

Este artículo surgió de algunas reflexiones que aprendí en mi blog sobre las cosas que me hubiera gustado que me dijeran cuando empecé a usar JMP . Me di cuenta de que quería que varios gráficos de los artículos fueran interactivos. Sabía que podía crear los gráficos interactivos en JMP y moverlos a JMP Public . Pero no sabía cómo insertar el contenido de JMP Public en el artículo.

Así es como se hace. Sí, verás algo de código. No te preocupes, no tienes que editarlo. Mira esta foto de un cachorro y respira hondo hasta que estés listo para continuar.

See the happy puppy - it's not worried about seeing code. Be like the happy puppy. Mira al cachorro feliz: no le preocupa ver código. Sé como el cachorro feliz.
Vale, ¿ya estás mejor? Genial. Ahora agárrate fuerte, porque esto te cambiará la vida, o al menos cambiará un poco tu forma de bloguear.

Configuración del informe para JMP Public and Publishing

Paso 1: Ejecutar un análisis en JMP.
Puedes encontrar detalles sobre este paso prácticamente en cualquier lugar de la Comunidad de Usuarios de JMP. Hay tres cosas a las que debes prestar atención:

Mantén tu conjunto de datos pequeño.
Presta atención al tamaño de tus gráficos. A continuación, te mostramos dos ejemplos. El primero lo optimicé para visualizarlo en un navegador; el segundo, para visualizarlo en un blog. Tenlo en cuenta.
¡Recuerda que lo que publicas en la web se queda en la web!

Paso 2: Publicar el análisis en JMP Public (o JMP Live ).
No voy a reinventar la rueda duplicando contenido. Echa un vistazo a esta entrada del blog: Publicar en JMP Público
Tenga en cuenta que deberá tener abierta la página pública de JMP una vez que la carga se haya realizado correctamente.

Paso 3 – Obtener el contenido del iFrame
Si no tienes abierta tu página pública de JMP, hazlo. Ve al icono que se encuentra en la parte superior derecha de la ventana. JMP Public Screenshot 1.png

Seleccione "Código de inserción (iFrame)" de la lista. Ahora dispone del código HTML necesario para insertar el contenido de ese informe mediante un iFrame. JMP Public Screenshot 2.png

Cómo insertar el código en una publicación (usando este blog como ejemplo)

La comunidad de usuarios de JMP se basa en un sistema llamado Khoros (antes conocido como Lithium). Lo usaré como ejemplo, pero esto funcionará con cualquier cosa que acepte un iFrame.

En mi caso, creé un nuevo artículo para el blog y se abrió un editor. En el editor, tengo la opción de trabajar con texto enriquecido (como hace la mayoría), ver el código HTML (algo que muchos ignoran) y obtener una vista previa del resultado final al hacer clic en "publicar".
JMP Public Screenshot 3.png
Cuando hago clic en la pestaña HTML, el editor me muestra el código de lo que he escrito en la pestaña de texto enriquecido.
JMP Public Screenshot 4.png
Todo lo que tengo que hacer es localizar el punto donde quiero insertar el código del iFrame y pegarlo allí. Me parece que la forma más fácil de hacerlo es introducir un par de líneas en blanco donde quiero que vaya mi iFrame. Luego tengo que encontrarlas en el HTML (tienen este aspecto: "

") y luego localice el último marcador de párrafo (tiene este aspecto: "

") antes de ellos. Coloco el cursor ahí (puedes empezar una nueva línea si quieres) y pulso pegar (CTRL o comando + V). Debería verse así:
JMP Public Screenshot 5.png

Ahora que el iFrame está en el HTML, puedo ir a la pestaña Vista previa y echar un vistazo al contenido público de JMP incrustado.
JMP Public Screenshot 6.png

Y eso es todo. Con solo copiar y pegar, puedes integrar contenido de JMP Public en una entrada de blog o página web. Lo único que quizás tengas que hacer es investigar el método específico para insertar un iFrame, pero debería ser similar al que te muestro aquí.

¡Feliz blogueo!

Quería que varios gráficos de los artículos fueran interactivos. Sabía que podía crear los gráficos interactivos en JMP y transferirlos a JMP Público . Pero no sabía cómo insertar el contenido de JMP Público en el artículo. Así que aquí les explico cómo hacerlo.

Compartir y comunicar resultados

Re: Cómo incrustar contenido JMP Public o JMP Live en una página web o publicación de blog

Gracias @MikeD_Anderson Había olvidado cómo hacer este gran repaso fácil de seguir.

Re: Cómo incrustar contenido JMP Public o JMP Live en una página web o publicación de blog

Los cachorros hacen que todo sea mejor.

Re: Cómo incrustar contenido JMP Public o JMP Live en una página web o publicación de blog

Gracias. Y gracias por la foto del cachorro. Eso ayudo. También lo hizo tu gran descripción. Fue fácil incrustar los informes.

Re: Cómo incrustar contenido JMP Public o JMP Live en una página web o publicación de blog

¡Excelente publicación de blog, Mike!

Me gustaría añadir unos pequeños consejos:

1. Para un informe lo suficientemente pequeño como para caber en una página de JMP Community, también puede reducir los atributos de ancho y alto en el iframe, para eliminar cualquier espacio gris adicional. Y si no desea barras de desplazamiento, puede agregar scrolling="no".

Se vería algo como esto:

Aquí está un ejemplo.

2. Cuando un informe es grande y necesita barras de desplazamiento, puede proporcionar un consejo útil para los usuarios de Firefox que ven su blog o página web: "Si está usando Firefox, haga clic con el botón derecho en el informe incrustado y seleccione 'Este marco > Abrir marco en Nueva ventana', para ver todo el informe en una nueva ventana".

3. Al incrustar un informe como este, asegúrese de que el informe en JMP Public o JMP Live esté configurado para compartir con todos.

~Juan

Comments

There are no comments yet