¿Cómo podemos ayudar?

< All Topics
Print

Cómo personalizar la URL de tus viajes a tu propio dominio.

Cuando alojas tus tours virtuales en el servicio 3DVista Cloud, la URL no mostrará ninguna referencia a 3DVista para evitar que tus clientes sepan qué servicio estás utilizando. La URL típica de un tour alojado en 3DVista Cloud es:

http://storage.net-fs.com/hosting/….

En su lugar, puedes utilizar tu propia URL siguiendo este formato de URL estándar. Así se hace:

Debes crear una página HTML con el siguiente código y colocarla en la URL que deseas usar:

(Usaremos la URL del ejemplo., «https://storage.net-fs.com/hosting/2727323/186/«, que debes reemplazar con tu propia URL. Lo mismo se aplica a los títulos y descripciones.

<!DOCTYPE html>
    <html>  
   
     <cabecera>
           <título>EL TÍTULO DEL TOUR</título>
           <meta property="description" content="PON AQUÍ LA DESCRIPCIÓN" />
           
           
           
           <meta name="twitter:card" content="summary_large_image">
           <meta name="twitter:title" content="PON EL TÍTULO DE TWITTER AQUÍ">
           <meta name="twitter:description" content="PON LA DESCRIPCIÓN DE TWITTER AQUÍ">
           <meta name="twitter:url" content="PONGA AQUÍ LA URL DE ESTA PÁGINA WEB">
           <meta name="twitter:image:src" content="https://storage.net-fs.com/hosting/2727323/186/socialThumbnail.jpg">
           <meta name="twitter:image:width" content="1200">
           <meta name="twitter:image:height" content="630">
           <meta property="og:title" content="PON AQUÍ EL TÍTULO DEL TOUR">
           <meta property="og:type" content="website">
           <meta property="og:description" content="PON LA DESCRIPCIÓN AQUÍ">
           <meta property="og:url" content="PONGA AQUÍ LA URL DE ESTA PÁGINA WEB">
           <meta property="fb:app_id" content="817622095004141">
           <meta property="og:image" content="https://storage.net-fs.com/hosting/2727323/186/socialThumbnail.jpg">
           <meta property="og:image:width" content="1200">
           <meta property="og:image:height" content="630">
           <link rel="image_src" href="https://storage.net-fs.com/hosting/2727323/186/socialThumbnail.jpg">
           <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
           <meta name="viewport" content="user-scalable=no, initial-scale=0.5, width=device-width">
           <style type="text/css">
 html, body { height:100%; margin:0; overflow:hidden; padding:0; width:100%;}
 iframe { height:100%; position:relative; width:100%; }
           </style>
       </head>
       <body>
           <script type="text/javascript">
 var ua = (function() { return navigator.userAgent.toLowerCase(); })();
 var inUA = function(value) { return (ua.search(value.toLowerCase()) >= 0); };
 var mobile = inUA('android') || inUA('ios') || inUA('iphone') || inUA('ipod') || inUA('ipad');
 var url = 'https://storage.net-fs.com/hosting/2727323/186/' + window.location.hash;
 function redirect()
  {
 location.href = url;
  }
 function embed()
  {
 var attrs = {
 'width': '100%',
 'height': '100%',
 'src': url,
 'scrolling': 'auto',
 'frameborder': '0',
 'allowfullscreen': '1',
 'allow': 'fullscreen; accelerometer; gyroscope; magnetometer; vr'
 };
 var iframe = document.createElement('IFRAME');
 for (var name in attrs)
 iframe.setAttribute(name, attrs[name]);
 document.body.appendChild(iframe);
  }
 if (mobile)
  {
 embed();
  }
 else if (navigator.getVRDisplays)
  {
 navigator.getVRDisplays().then(function(displays)
  {
 if (displays.length > 0)
 redirect();
 else
 embed();
 }).catch(function(err)
  {
 embed();
 });
  }
 else
  {
 embed();
  }
           </script>
       </body>
   </html>

Si se muestra en un iframe, el modo cardboard y el giroscopio no irán en iOS, pero se podría hacer cambiando:

 if (mobile)
  {
 embed();
  }

Por:

 if (mobile)
  {
 redirect();
  }
Etiquetas: