Insertando código iframe

Cómo insertar código iframe

Al crear una lección de un curso, puedes usar código iframe para enriquecerla con materiales de servicios externos, como Google Sheets, Google Forms, Wordwall o presentaciones de Canva, Genial.ly y otros servicios que permiten insertar código en una página. Así, los estudiantes pueden rellenar formularios y ver presentaciones directamente en la lección sin salir de la página.

Puedes encontrar un ejemplo de lección en el enlace.

Cómo insertar código en una lección

Para insertar código en una lección, solo tienes que añadir el elemento Texto, imagen, insertar código.

Después, selecciona el botón Insertar código en la barra de herramientas y pega el código.

Para cambiar la altura o la anchura de un objeto insertado (presentación, hoja de cálculo, juego, etc.), añade las dimensiones al código width="640" height="1000", introduciendo los valores numéricos adecuados para el objeto insertado.

Cómo encontrar el código de inserción

Google Forms

Abre el formulario que quieras insertar en una lección o tarea. Haz clic en Enviar, selecciona el icono de código y copia el código. También puedes ajustar las dimensiones del formulario en la misma ventana.

Google Sheets

Abre la hoja de cálculo que quieras compartir. Ve a Archivo – Compartir – Publicar en la web – Insertar y elige si quieres insertar una hoja o todo el documento. Tras confirmar, se generará un código que podrás usar en una lección o tarea de Kwiga. Recuerda que puedes ajustar las dimensiones mediante width="640" height="1000" (introduce los valores que prefieras).

Canva

Abre la presentación o el diseño de Canva que quieras usar en una lección o cuestionario. Haz clic en Compartir – Más – Insertar, acepta hacer pública la presentación y publícala. Usa el código HTML de inserción.

Genial.ly

Asegúrate de haber publicado tu presentación en Genial.ly. No puedes compartir un borrador ni una presentación privada.

Después, solo tienes que hacer clic en Compartir junto al botón Presentar , seleccionar Insertar y copiar el código iframe.

Para cambiar las dimensiones de la presentación insertada, modifica los parámetros de altura y anchura.

WordWall

Abre el material que quieras añadir a una lección o tarea de Kwiga y haz clic en Compartir, selecciona el icono de código y elige iframe (seleccionado de forma predeterminada). Copia el código y úsalo en Kwiga.

Como siempre, puedes ajustar las dimensiones del material insertado cambiando los valores de anchura y altura.

Quizlet

Abre la página del cuestionario en Quizlet y busca el botón Compartir y el botón de tres puntos que está a su lado. Haz clic en los tres puntos y selecciona Insertar:

En la ventana que se abre, puedes cambiar el modo de estudio y copiar el código de la parte inferior para añadirlo a la página de tu lección (resaltado en amarillo):

Dropbox

Puedes insertar en una lección vídeos subidos a Dropbox. Para ello, obtén un enlace directo al archivo de vídeo (¡no el enlace que proporciona el botón Compartir de Dropbox!) e insértalo como un iframe.

Acepta las cookies para ver el contenido insertado. Abrir en una pestaña nueva

Los pasos se muestran a continuación:

1. Abre tu cuenta de Dropbox, busca el archivo y haz clic en Compartir. Asegúrate de que cualquier persona con el enlace pueda ver el archivo y, después, copia el enlace en un editor de texto.

2. Al final del enlace, encontrarás dl=0, que debes sustituir por raw=1. La captura de pantalla siguiente muestra dos enlaces: el enlace original copiado en el paso 1, y el enlace modificado debajo.

3. Copia el enlace modificado (el de abajo) en la barra de direcciones del navegador y pulsa Intro. La barra de direcciones mostrará entonces una URL diferente. Este es el enlace directo al archivo que necesitas para la lección.

4. Abre la lección y añade un bloque de Texto, Imagen o Código incrustado donde quieras insertar el vídeo. Haz clic en +, añade código HTML , selecciona iframe, y pega la URL del vídeo (obtenida en el paso 3) en el campo del enlace:

Ten en cuenta que el vídeo se transmite desde los servidores de Dropbox. La velocidad y la calidad de reproducción dependen por completo de Dropbox. Dropbox también puede imponer restricciones, descritas aquí: límites de ancho de banda.