Incrustar ThingLinks en tu sitio web

En la mayoría de los casos, lo único que necesitas para incrustar ThingLink en tu sitio web es el código predeterminado 'Embed Media'. Puedes obtenerlo haciendo clic en el botón 'Compartir' y seleccionando 'Incrustar en sitio web':

El artículo contiene:

• Código de muestra & ejemplos de imagen, imagen 360 y vídeo incrustados: ¡prueba a incrustarlos en tu sitio web para ver cómo funcionan!
• Limitaciones y consejos generales
• Quitar el botón de pantalla completa

¿Buscas información sobre cómo incrustar escenarios de ThingLink? Consulta este artículo.

Ejemplo de imagen incrustada

<iframe width="640" height="360" data-original-width="640" data-original-height="360" src="https://www.thinglink.com/view/scene/1205491285159313415" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Ejemplo de imagen 360 incrustada

<iframe width="640" height="320" data-original-width="640" data-original-height="320" src="https://www.thinglink.com/view/scene/1205132232365178886" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Ejemplo de vídeo incrustado

<iframe width="960" height="630" data-original-width="3992" data-original-height="2621" src="https://www.thinglink.com/view/scene/1205257932048957445" type="text/html" style="border: none;" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Limitaciones y consejos generales

Aunque el código estándar funciona bien en la mayoría de los casos, algunos sitios web no admiten iframes o limitan su funcionalidad.

• Algunas redes sociales, como Facebook, no admiten iframes en absoluto. En estos casos, te recomendamos compartir un enlace a pantalla completa en su lugar.
• Algunos sitios web, como Wix, limitan la funcionalidad de los iframes al insertar el iframe de ThingLink dentro de otro iframe. Esto elimina el botón de pantalla completa e impide que podamos ajustar correctamente el tamaño de los contenedores de las etiquetas. 
• Si estás creando un sitio web personalizado, ten en cuenta que el tamaño del iframe puede depender del tamaño del elemento en el que se encuentra. Si crees que algo falla por nuestra parte o no consigues resolver algún problema, envía una solicitud de soporte técnico.
• Algunos sitios web, como Medium, utilizan proveedores de incrustación de terceros. Esto significa que lo más probable es que el código predeterminado no funcione. Sin embargo, ThingLink está integrado con Embedly, por lo que tu contenido seguirá siendo interactivo en la mayoría de los sitios web. Consulta este artículo para saber cómo incrustar tu contenido en estos casos.
• Los sistemas de gestión del aprendizaje (LMS) como Canvas y Moodle aceptan el código de incrustación predeterminado, aunque ten en cuenta que las imágenes no cambiarán de tamaño y los contenedores de las etiquetas pueden ser más pequeños.
  • Cómo incrustar ThingLinks en Moodle LMS
  • Cómo incrustar ThingLinks en Canvas LMS
  • Cómo incrustar ThingLinks en Blackboard LMS

Quitar el botón de pantalla completa

Si quieres quitar el botón de pantalla completa, elimina el siguiente fragmento del código de incrustación predeterminado:

webkitallowfullscreen mozallowfullscreen allowfullscreen

También puedes desactivar el botón de pantalla completa para escenas concretas desde el panel Configuración del editor.