Tipos de Etiquetas

Los editores de ThingLink le proporcionan 5 formatos de etiquetas principales que le ayudan a encontrar el diseño adecuado para el contenido de su etiqueta. A continuación encontrará una imagen y una descripción de cada tipo de etiqueta junto con ejemplos sencillos.

Utilice los siguientes enlaces para ir rápidamente a:

• Etiqueta de texto y medios multipropósito que adapta el diseño a medida que usted agrega contenido
• Etiqueta 'Agregar contenido desde sitio web'. Esta etiqueta le permite incrustar iframes de terceros o videos de YouTube/Vimeo.
• Etiqueta de tour que une escenas de ThingLink
• Etiqueta de texto que muestra texto al pasar el cursor por encima
• Etiqueta de encuesta
• Explicaciones con respecto al recorte de imagen y video
• Opciones de formato de texto (Inglés)

Nota: El editor de modelos 3D utiliza una interfaz y tipos de etiquetas diferentes. Para obtener más información sobre cómo editar modelos 3D, consulte el Etiquetado de modelos 3D (Inglés).

1. Etiqueta de texto y medios

Esta etiqueta tiene varios propósitos y ajusta el diseño en función del contenido. Permite combinar texto, imágenes, videos, enlaces y audio de fondo. Explore la imagen de abajo para familiarizarse con la interfaz.

La etiqueta de texto y medios cuenta con 11 diseños diferentes. Puede cambiar el diseño haciendo clic en el botón "Cambiar diseño" que figura en la parte superior. Puede leer más sobre los diseños aquí. La mayoría de los diseños son estáticos, pero el diseño predeterminado se adaptará dependiendo del contenido que añada (ver más abajo).

Al completarse ‘Descripción’ o ‘Título’ se creará una etiqueta con solo texto. El texto de la descripción se alineará con el centro si hay menos de 4 líneas de texto. Si hay 4 o más líneas de texto, se alineará a la izquierda. Esta lógica persiste cuando se añaden otros elementos, como enlaces (botones) e imágenes.

El campo de enlace se utiliza para crear un botón que redirigirá al usuario a otra página web al hacer clic. Para agregar un enlace, ingrese la URL en el campo correspondiente. Si el campo "texto del botón" se deja vacío, el botón mostrará una dirección URL abreviada para el enlace. De lo contrario, mostrará el texto que ingresó en el campo ‘texto del botón’.

Agregar una imagen o video mientras se dejan otros campos vacíos creará una etiqueta que solo muestra la imagen/video. Agregar varios medios permitirá al usuario verlos haciendo clic en las flechas. Esto también se aplica a otros diseños que usan imágenes.

La combinación de imagen/video y descripción creará una etiqueta que muestra el texto de la descripción en la parte inferior de la imagen. No hay límite de caracteres, pero si agrega más de 7 líneas de texto, ocupará la mitad del contenedor y aparecerá una barra de desplazamiento.

La combinación de medios con un botón de título o enlace dará como resultado una etiqueta que muestra dichos medios a la izquierda y el resto del contenido (título, descripción y botón de enlace) a la derecha. En este diseño, puede hacer clic en la imagen o video para verlo completamente y hacer clic de nuevo para que aparezca todo el diseño.

Tenga en cuenta que los medios dentro de las etiquetas serán recortados para cumplir con los requisitos de relación de aspecto.

Cada etiqueta también puede contener un audio de fondo pregrabado que se reproducirá automáticamente. Alternativamente, puede grabar su propia voz directamente en una etiqueta. Obtenga más información aquí.

2. Agregar contenido desde sitio web.

¡Esta etiqueta viene como un reemplazo para la etiqueta 'Agregar video' e 'Insertar código' y combina las capacidades de ambas! Le permite agregar diferentes códigos de terceros o ThingLink para crear experiencias interactivas dentro de la escena. Esto incluye:

• Incrustar videos de YouTube, Vimeo o FlipGrid a través de un enlace;
• Incrustar encuestas y cuestionarios (por ejemplo, Google Form);
• Incrustar mapas (por ejemplo, Google Maps);
• Incrustar otras escenas de ThingLink para verlas dentro de una etiqueta (una alternativa a las etiquetas de tour que se describen a continuación);
• Incrustar presentaciones completas desde SlideShare o Google Slides;
• Incrustar páginas web (por ejemplo, Wikipedia). Tenga en cuenta que algunos sitios prohíben incrustar sus páginas web y no podrá mostrarlas en esta etiqueta.

En general, puede incrustar contenido de la mayoría de los servicios web que proporcionan código de incrustación mediante iframe, aunque en algunos casos la funcionalidad puede ser limitada. Este artículo (Inglés) describe cómo obtener el código de inserción de algunos de los casos de uso más populares.

3. Etiqueta de tour.

Al hacer clic en esta etiqueta, el espectador saldrá de la imagen actual y se abrirá otra imagen, video o imagen 360º de ThingLink. Utiliza esta etiqueta para moverte de un ThingLink a otro.

Puedes acceder a todas las escenas utilizadas en un recorrido, al hacer clic en el botón de las tarjetas en la esquina inferior derecha. Es posible incluir múltiples enlaces de recorridos dentro de un mismo Thinglink. 

¡Mira cómo funciona esto a continuación!

Una vez que el espectador pase de la primera escena de tu recorrido, se añadirán dos botones en la esquina superior izquierda:

• El botón "Atrás", que lleva al espectador a la escena anterior.
• Botón "Inicio", que lleva al espectador a la primera escena de su recorrido.

Se agregará automáticamente un botón "Atrás" ('Back') en la esquina superior izquierda del ThingLink al cual estás transicionando. 

Se puede acceder a todas las escenas utilizadas en un recorrido desde la esquina inferior derecha haciendo clic en el botón de las tarjetas ("Relacionadas"). Los espectadores pueden utilizar la función de búsqueda para encontrar una escena específica. Todas las escenas que el espectador ya haya visitado se marcarán con un pequeño icono de una marca blanca.

Si estás trabajando en una sala de escape o quieres asegurarte de que el espectador ha leído las etiquetas, puedes añadir una pregunta que el espectador tenga que responder antes de poder utilizar la etiqueta de visita. Aquí tienes un ejemplo:

Activa la opción "Transición condicional" y rellena los campos "Pregunta" y "Respuestas correctas". Si deseas introducir varias respuestas correctas, utiliza una coma para separarlas.

4. Etiqueta de texto.

Esta etiqueta muestra hasta 100 símbolos al pasar el ratón sobre ella.

5. Etiqueta de encuesta.

Las etiquetas de encuesta te permiten recoger comentarios anónimos u opiniones de los espectadores mediante preguntas de una sola opción.

• Ten en cuenta que no hay límite de caracteres para la pregunta y las respuestas. Sin embargo, recomendamos utilizar respuestas cortas (hasta 80 caracteres). 
• No hay límite en el número de respuestas que puedes introducir.
• Todas las respuestas son anónimas.
• Cada espectador sólo puede votar una vez. Sin embargo, como todas las respuestas son anónimas, pueden votar varias veces utilizando diferentes navegadores o abriendo la página en una pestaña privada.
• Los espectadores podrán ver los resultados de la encuesta después de votar.

Puedes comprobar las respuestas abriendo la etiqueta.

Cómo ThingLink recorta y adapta las imágenes y videos para que encajen en las etiquetas

El editor siempre recortará todas las imágenes y videos para que tengan una relación de aspecto de 8:9 o 16:9. La relación de aspecto 8:9 se usa cuando se combina una imagen o video con un título o botón de enlace, mientras que la relación de aspecto 16:9 se usa para ThingLinks sencillos, multimedia + descripción o vista extendida de la imagen o video.

Las imágenes con formato PNG son una excepción a esta regla, ya que no se recortan. El editor agrega rellenos para garantizar que la imagen se ajuste a la etiqueta.

Si necesitas agregar una imagen muy alta o ancha,  considera subirla como una escena por separado. Esto te permitirá añadirla a otra imagen como una incrustación iframe que no cambia las relaciones de aspecto tanto como la etiqueta "texto y multimedios".  

Explora la etiqueta a continuación para ver cómo funciona esto en la práctica.

Aún estamos trabajando en una mejor solución para el problema de la relación de aspecto. Si quisieras hacernos llegar tus opiniones, contáctanos al correo electrónico support@thinglink.com

Usar texto en negrita e itálica

Puedes usar 'Markdown' para crear texto en negrita o itálica en el espacio "Descripción" de la etiqueta texto y multimedios, así como en la etiqueta de texto.

• Poner texto entre dos asteriscos (*ejemplo*) lo pondrá en negrita. Observa la etiqueta #1 en la imagen de abajo.
• Poner texto entre dos guiones bajos (_ejemplo_) lo pondrá en itálica. Observa la etiqueta #2 en la imagen de abajo.
• Puedes combinar negrita con itálica utilizando tanto asteriscos como guiones bajos. Observa la etiqueta #3 en la imagen de abajo.

Ten en cuenta que el resultado final puede variar de acuerdo al navegador que use el espectador. Por ejemplo, el texto en negrita es casi idéntico al texto normal en Firefox.