Cómo incrustar ThingLinks en tu sitio web

En la mayoría de los casos, todo lo que necesitas para incrustar ThingLink en tu sitio web es el código predeterminado 'Embed Media'. Puedes acceder a él haciendo clic en el botón 'Compartir':

El artículo contiene:

• Código de muestra y ejemplos para la imagen incrustada, la imagen 360 y el vídeo - ¡intenta incrustarlo en tu sitio web para ver cómo funciona!
• Limitaciones y consejos generales
• Cómo eliminar el botón de pantalla completa

Ejemplo de imagen incrustada

<iframe width="960" height="719.5190380761522" data-original-width="3992" data-original-height="2992" src="https://www.thinglink.com/card/1496563538263539714" type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Ejemplo de inserción de una imagen 360

<iframe width="640" height="320" data-original-width="640" data-original-height="320" src="https://www.thinglink.com/mediacard/1496586714691403778" type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
<script async src="//cdn.thinglink.me/jse/responsive.js"></script>

Ejemplo de video incrustada

<iframe width="640" height="360" data-original-width="640" data-original-height="360" src="https://www.thinglink.com/videocard/1496591152625745922" type="text/html" frameborder="0" 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 plataformas de redes sociales, como Facebook, no admiten iframes. En ambos casos, recomendamos compartir un a fullscreen link.
• Desde el 10 de octubre de 2019, ThingLink puede incrustarse en Twitter y seguirá siendo interactivo. Siempre que estés escribiendo un tuit, solo tienes que pegar un enlace a una escena de ThingLink y pulsar enter.
• Algunos sitios web, como Wix, limitan la funcionalidad de los iframes forzando el iframe de ThingLink dentro de otro iframe. Esto elimina el botón de pantalla completa y nos impide redimensionar adecuadamente los contenedores de etiquetas. 
• Si estás construyendo 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 va mal por nuestra parte o no puedes resolver ningún problema, envía una solicitud de asistencia técnica.
• Algunos sitios web, como Medium, utilizan proveedores de inserción de terceros. Esto significa que el código por defecto probablemente no funcionará. Sin embargo, ThingLink está integrado con Embedly, asegurando que tu contenido será 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 de aprendizaje (LMS) como Canvas y Moodle aceptan el código de incrustación por defecto, aunque ten en cuenta que las imágenes no cambiarán de tamaño y los contenedores de etiquetas pueden ser más pequeños.
• Cómo incrustar ThingLinks en Moodle LMS
• Cómo incrustar ThingLinks en Canvas LMS

Eliminación del botón de pantalla completa

Si deseas eliminar el botón de pantalla completa, elimina el siguiente fragmento del código de inserción por defecto:

webkitallowfullscreen mozallowfullscreen allowfullscreen

También puede enviar una solicitud de asistencia técnica y uno de nuestros empleados le ayudará.