Difference between revisions of "Use my own URL for a virtual tour"

From 3dvista
Jump to navigation Jump to search
(Created page with "When you are hosting your tour with 3DVista Hosting Service or any other hosting provider, the URL of your tour will have the domain on the provider in it. If you want to have...")
 
Line 4: Line 4:
 
<html>
 
<html>
 
     <head>
 
     <head>
         <title>Evenes kommune</title>
+
         <title>The Title of the Tour</title>
         <meta property="description" content="Evenes kommune" />
+
         <meta property="description" content="PUT THE DESCRIPTION HERE" />
         <meta itemprop="name" content="Evenes kommune">
+
         <meta itemprop="name" content="PUT THE NAME OF THE TOUR HERE">
         <meta itemprop="description" content="Evenes kommune">
+
         <meta itemprop="description" content="PUT THE DESCRIPTION HERE">
         <meta itemprop="image" content="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
+
         <meta itemprop="image" content="YOURDOMAIN/socialThumbnail.jpg">
 
         <meta name="twitter:card" content="summary_large_image">
 
         <meta name="twitter:card" content="summary_large_image">
         <meta name="twitter:title" content="Evenes kommune">
+
         <meta name="twitter:title" content="TITLE FOR TWITTER">
         <meta name="twitter:description" content="Evenes kommune">
+
         <meta name="twitter:description" content="DESCRIPTION FOR TWITTER">
         <meta name="twitter:url" content="http://www.chilivr.no/evenes">
+
         <meta name="twitter:url" content="THE URL OF TOUR HERE">
         <meta name="twitter:image:src" content="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
+
         <meta name="twitter:image:src" content="YOURDOMAIN/socialThumbnail.jpg">
 
         <meta name="twitter:image:width" content="1200">
 
         <meta name="twitter:image:width" content="1200">
 
         <meta name="twitter:image:height" content="630">
 
         <meta name="twitter:image:height" content="630">
         <meta property="og:title" content="Evenes kommune">
+
         <meta property="og:title" content="TITLE OF THE TOUR">
 
         <meta property="og:type" content="website">
 
         <meta property="og:type" content="website">
         <meta property="og:description" content="Evenes kommune">
+
         <meta property="og:description" content="DESCRIPTION OF THE TOUR">
         <meta property="og:url" content="http://www.chilivr.no/evenes">
+
         <meta property="og:url" content="URL OF THE TOUR">
 
         <meta property="fb:app_id" content="817622095004141">
 
         <meta property="fb:app_id" content="817622095004141">
         <meta property="og:image" content="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
+
         <meta property="og:image" content="YOURDOMAIN/socialThumbnail.jpg">
 
         <meta property="og:image:width" content="1200">
 
         <meta property="og:image:width" content="1200">
 
         <meta property="og:image:height" content="630">
 
         <meta property="og:image:height" content="630">
         <link rel="image_src" href="http://storage.net-fs.com/hosting/5658737/30/socialThumbnail.jpg">
+
         <link rel="image_src" href="YOURDOMAIN/socialThumbnail.jpg">
 
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
         <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">
 
         <meta name="viewport" content="user-scalable=no, initial-scale=0.5, width=device-width">
Line 37: Line 37:
 
             var inUA = function(value) { return (ua.search(value.toLowerCase()) >= 0); };
 
             var inUA = function(value) { return (ua.search(value.toLowerCase()) >= 0); };
 
             var mobile = inUA('android') || inUA('ios') || inUA('iphone') || inUA('ipod') || inUA('ipad');
 
             var mobile = inUA('android') || inUA('ios') || inUA('iphone') || inUA('ipod') || inUA('ipad');
             var url = 'http://storage.net-fs.com/hosting/5658737/30/index.htm' + window.location.hash;
+
             var url = 'URL OF THE TOUR' + window.location.hash;
 
             function redirect()
 
             function redirect()
 
             {
 
             {

Revision as of 09:44, 13 November 2019

When you are hosting your tour with 3DVista Hosting Service or any other hosting provider, the URL of your tour will have the domain on the provider in it. If you want to have a URL of your own domain for the virtual tour you need to create a HTML with this code:

<!DOCTYPE html> <html>

   <head>
       <title>The Title of the Tour</title>
       <meta property="description" content="PUT THE DESCRIPTION HERE" />
       
       
       
       <meta name="twitter:card" content="summary_large_image">
       <meta name="twitter:title" content="TITLE FOR TWITTER">
       <meta name="twitter:description" content="DESCRIPTION FOR TWITTER">
       <meta name="twitter:url" content="THE URL OF TOUR HERE">
       <meta name="twitter:image:src" content="YOURDOMAIN/socialThumbnail.jpg">
       <meta name="twitter:image:width" content="1200">
       <meta name="twitter:image:height" content="630">
       <meta property="og:title" content="TITLE OF THE TOUR">
       <meta property="og:type" content="website">
       <meta property="og:description" content="DESCRIPTION OF THE TOUR">
       <meta property="og:url" content="URL OF THE TOUR">
       <meta property="fb:app_id" content="817622095004141">
       <meta property="og:image" content="YOURDOMAIN/socialThumbnail.jpg">
       <meta property="og:image:width" content="1200">
       <meta property="og:image:height" content="630">
       <link rel="image_src" href="YOURDOMAIN/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 = 'URL OF THE TOUR' + 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)
           {
               redirect();
           }
           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>