Iframe para incrustar recorridos virtuales de panotour

Amigos de Kamaradas estoy haciendo mi pag web www.ecuador360.com.ec el tema es impreza que me pareció uno de los mejores … Hasta ahora he podido poner el iframe de google de matterport y tourmake pero los recorridos de panotour no puedo incrustarlos.

Alguien me puede ayudar con el código o algún programa que ingrese la URL y me de el código?

Gracias

Hola @andressarmientosaad el codigo para insertar el recorrido virtual es el siguiente:

<iframe src="http://Acá colocas el link donde tengas alojado el tour virtual" widht="100%" height="550px" allowfullscreen></iframe>
2 Me gusta

Iframe Panotour

GRACIAS @FelipeAlzate por tu pronta respuesta, pero no me funciona

<iframe src="http://www.udla.edu.ec/tourvirtual/" widht="100%" height="550px" allowfullscreen></iframe>

<iframe src="http://www.hguasmosur.gob.ec/hospital/images/Recorrido%20Virtual%20HGGS/" widht="100%" height="550px" allowfullscreen></iframe>

Hola @andressarmientosaad, tienes un primer error en la escritura del ancho del iframe, está trocada la letra H.

##Solución

Para empezar, cambia widht por width

Por otra parte, el problema del primer código del iframe puede ser debido a dos cosas:

  • Que hayas determinado en Panotour una restricción de dominio (esto se hace en la pestaña CREAR)
  • Que el servidor tenga algún tipo de restricción de embebido de sus páginas (Suele pasar en páginas oficiales)

Te hice un ejemplo para que lo notaras: http://fotos.mariocarvajal.com/temporales/iframe.html

Si quieres revisar el HTML y copiar el código, puedes descargarlo a continuación:

iframe.html.zip (987 Bytes)

¡Saludos!

1 me gusta

Ya mi pana @Mario-Carvajal ya pruebo el iframe

Te agradezco mucho

Mario te adjunto la pantalla que me sale, no me carga el iframe.
Sera porque mi dominio es ssl y el del recorrido no lo es?

por otro lado no puedo ver el codigo del iframe que me enviaste.

El problema NO es del IFRAME, sino que te equivocaste en la URL del iframe. Mira lo que tienes:

https://www.hguasmosur.gob.ec/hospital/images/Recorrido%20Virtual%20HGGS/

Y mira cómo es:

http://www.hguasmosur.gob.ec/hospital/images/Recorrido%20Virtual%20HGGS/

Si intentas ingresar a la primera URL te saldrá un error de privacidad, porque has puesto https. Si le quitas la “s” ya podrás acceder y te va a funcionar.

Con esto de las URLs toca tener un inmenso cuidado, cualquier error de sintaxis te impedirá la visualización del tour.

MI estimado @Mario-Carvajal ya se cual es el problema y no se como solucionarlo, en mi wordpress coloco el iframe http:// y guardo y refresco la pantalla y en el frontend sale https:// , pero el cambio solo es en el frontend . en el backend esta igual como lo ingrese. te adjunto capturas de pantalla.

Hola Andres, pudiste solucionarlo ? como ?

Muchas gracias.

El problema que estás teniendo es que iframe es una etiqueta restringida en WordPress, pero tiene fácil solución. Puedes probar instalándote y activando este plugin en tu WordPress: iframe – Plugin WordPress | WordPress.org Español

Luego ve a la página o entrada que quieras poner el iframe, y añade una etiqueta como esta:
[iframe src=“http://www.motosdeagua.es/” width=“100%” height=“500”]

Un saludo :wink:

Hola @andressarmientosaad te felicito. tu pagina esta muy muy bonita.

finalmente con que theme la usastes.
por mi parte, estoy empezando y como no se mucho de programación utilice wix.com

hechale un vistazo a la mia y acepto criticas para mejorar.

Hola @Paulo, ¿has probado en Wix a hospedar tus propios tours? Algo recuerdo de que no podrías hacerlo ahí. Veo que tienes hospedado uno de muestra en RoundMe, pero hay otro, en la entrada, que está muy bien integrado en el encabezado. Mi pregunta es… ¿esto hace parte de las plantillas de Wix?

Hola @Mario-Carvajal

En wix es muy fácil de hacer una pagina web, sin embargo no se porqué los iframe de Round.me no se aprecian bien.

Mañana postearé el link de roundme en Wix.

En cuanto al encabezado de la pagina, wix tiene una opcion que es de colocar imagen panoramica.

Espero haber respondido tu respuesta.

¡Súper! Hace un tiempo conocí a una fotógrafa que tenía su página en Wix y al necesitar subir los tours virtuales hechos en Panotour, no era posible. Quién sabe por qué no te deja poner el iframe de RoundMe, la verdad es que esto sí que se podría hacer. Bueno, me alegra mucho… saludos.

Hola a todos nuevamente.

Este es el link donde he hecho tours con la Ricoh Theta S y Roundme.

Los tours se pueden pegar sin ningun problemas en el iframe. Lo que quise decir es que no se puede ver full width o responsive. Al menos yo no puedo.

Si se fijan el primer tour tiene white label.

Se puede hacer un tour sencillo, bonito y rapido con Roundme.

Saludos

Hola @Paulo.
Recien vi tu post y tu página.
Me llamó la atención que pudiste mostrar fotos esfericas en Wix. Intenté hacerlo ayer con un cliente y no pudimos.
Se trata de una esférica hecha con Pano Tour que tiene zonas interactivas.
Puedes comentarme como es que se puede subir a Wix.
De antemano gracias Kamarada
Patzig

Por casualidad entre a este post y veo que esta persona @andressarmientosaad Andrés Sarmiento de ecuador 360 quería embeber un tour en su pagina que fue realizado por mi ( orbitalvision.com). Es realmente deplorable como personas pueden tomar un trabajo de otra persona como si fuera de ellos. Veo que paso esto hace ya 3 años aproximadamente. pero la acabo de notar y veo también que esa pagina de ecuador 360 ya no esta activa sin embargo es importante denunciar este tipo de comportamientos de irrespeto y robo de autoría.
Ese tour lo realizamos hace algunos años para una importante universidad ecuatoriana,( Udla) aquí les dejo el link del tour Modo VR 3D (cardboard) | Virtual tour generated by Panotour que es precisamente el link que esta persona irrespetuosa quería embeber en su pagina. y podrán ver en el margen superior derecho nuestro logo de orbital y su hipervinculo a mi pagina. @Mario-Carvajal se que esto ya no es actual pero no permitamos que este tipo de personas estén en este grupo que es de gente seria y no se aprovecha del trabajo ajeno como que fuera propio.Llamentable situación pero debía denunciar esto! En el siguiente mensaje adjunto captura de pantalla de lo que me refiero y en el post casi al principio podrán también verlo. Tarde temprano las cosas se llegan a saber. Ahora veamos con que excusa sales Andres?

Hola, disculpen por despertar un tema antiguo, pero me gustaría aportar un granito de arena.
En sitios web e internet en general, no se recomienda utilizar para nombres de archivos, rutas o carpetas, caracteres especiales, mayúsculas, tildes ni espacios.

De:
Recorrido%20Virtual%20HGGS/

A:
recorrido_virtual_hggs/

Hay situaciones en que traducen mal el código %20 que en formato URL Cifrado representa un “espacio” como si fuera un texto que diga “%20” sin traducir.

Lo mismo con la Ñ. Si el servidor o aplicación web no tiene bien configurada la codificación a UTF-8, esa letra tirará error.

Por otro lado, también hay que tener ojo con la S de https:// Ultimamente google ha promovido el uso de certificados digitales y SSL para proteger sitios y dar mejor ranking de SEO a sitios que utilicen esta capa de seguridad. Si tu blog o web no usa https:// y le pones esa URL, no funcionará el enlace y viceversa.

Espero sirva de ayuda

1 me gusta