Aller à : navigation, rechercher

Panotour - Publication web


CODE STANDARD POUR UNE PUBLICATION WEB

Pour intégrer votre visite virtuelle sur votre site internet, vous pouvez utiliser ce code standard :


<object width="100%" height="100%"> <embed src="http://WWW.MON-DOMAINE.COM/VISITE-VIRTUELLE/MA-VISITE.SWF" width="100%" height="100%" allowFullScreen="true"> </embed> </object>


  • Remplacez les mots en majuscule par vos propres paramètres.
  • Vous pouvez aussi modifier les dimensions d'affichage (en pixels ou pourcentage), en modifiant la largeur (width) et la hauteur (height) aux deux endroits dans le code.


PUBLIER UNE VISITE DONT LES RESSOURCES SONT SUR UN AUTRE SERVEUR

Pour intégrer une visite dont les ressources graphiques sont sur un autre serveur ou à un autre endroit de votre serveur, vous pouvez utiliser l'attribut base dans votre code, pour définir le dossier des ressources, comme indiqué ci-après :


<object width="100%" height="100%"> <embed src="http://WWW.MON-DOMAINE.COM/VISITE-VIRTUELLE/MA-VISITE.SWF" base="http://www.DEUXIEME-DOMAINE.COM/MA-VISITE-DATA/" width="100%" height="100%" allowFullScreen="true"> </embed> </object>


PUBLIER UNE VISITE SUR UN BLOG WORDPRESS

Pour une bonne intégration de vos visites sur un blog Wordpress, nous conseillons l'utilisation du plugin wordpress "PanoPress" développé par Sam Rohn et Omer Calev.
Les dernières versions de ce plugin sont compatibles avec les visites générées par Panotour/ Panotour Pro.
Vous trouverez ce plugin et de plus amples informations sur son utilisation ici : http://www.panopress.org/


PUBLIER UNE VISITE SUR FACEBOOK

Icon attention.png Les informations données ci-dessous sont valides au moment où elles ont été écrites.
Facebook étant un réseau social très "vivant", les méthodes d'intégrations d'une page dans un billet sont susceptibles de changer à tout moment.
Nous ne garantissons donc pas le bon fonctionnement de cette méthode au moment où vous lisez ce document.


Contrairement à une vidéo, une visite virtuelle ne peut pas être chargée/installée sur Facebook.
Pour y parvenir, votre visite doit être chargée sur un autre serveur web. Facebook jouera votre visite au sein d'un billet (comme si elle était sur Facebook).


Après avoir partagé votre page, Facebook la garde en cache.
Si vous avez remarqué une erreur (pas de prévisualisation, mauvais titre, etc...) lors de votre premier partage, toute modification postérieure de votre page sera inutile, la page affichée sera toujours la même (qui apparaitra dans le billet).
Pour que votre deuxième post reflète vos modifications, il faut supprimer votre page du cache de Facebook.
Pour cela, entrez l'URL de la page que vous souhaitez partager dans le debugger Facebook situé à cette adresse : http://developers.facebook.com/tools/debug.


Une visite ne sera pas partagée de la même manière en fonction de son mode de création :


Cas d'une visite où toutes les données sont intégrées au SWF

  • Dans les Propriétés du projet, onglet Génération : cochez l'option Incorporez toutes les données.
  • Générez votre visite avec le modèle HTML par défaut (generic.html), ou bien intégrez vous même votre visite à votre propre page HTML.
  • Editez la page HTML
  • Dans la section "head", ajoutez les meta-tags OpenGraph qui permettront à Facebook de connaitre l'endroit où se trouve la visite, sa description, son titre et une image miniature qui servira de prévisualisation dans les posts Facebook.


Les meta-tags obligatoires sont les tags og:url, og:video et og:image :

   <meta property="og:url"          content="http://www.MyWebSite.com/MyTourDirectoryPath/MyTourHTMLFile.html" />
   <meta property="og:video"        content="http://www.MyWebSite.com/MyTourDirectoryPath/MyTourSWFFile.swf"/> 
   <meta property="og:image"        content="http://www.MyWebSite.com/MyTourDirectoryPath/MyTourPreview.png"/> 
   <meta property="og:title"        content="Virtual tour generated by Panotour" />
   <meta property="og:description"  content="Virtual Tour generated by Panotour" />
   <meta property="og:type"         content="video" />
   <meta property="og:video:height" content="350" />
   <meta property="og:video:width"  content="350" />
   <meta property="og:video:type"   content="application/x-shockwave-flash" /> 


Cas d'une visite où les XML sont intégrés au SWF mais pas les images

Ce cas n'est pas supporté par Facebook.


Cas d'une visite où ni les images ni les XML ne sont intégrés, sans protection (domaines autorisés)

Ce cas est identique au cas où toutes les données sont intégrées au lecteur flash.


Cas d'une visite où ni les images ni les XML ne sont intégrés, avec protection (domaines autorisés)

Dans ce cas, si vous avez procédé aux modifications précédentes, la visite qui apparaîtra dans Facebook contiendra des messages d'erreurs (sécurité).
Il faut préciser à Facebook où le lecteur flash doit trouver les fichiers XML, en complétant le meta-tag "og:video" :

   <meta property="og:video" content="http://www.MyWebSite.com/MyTourDirectoryPath/MyTourSWFFile.swf?xml=http://www.MyWebSite.com/MyTourDirectoryPath/MyTourXMLFile.xml"/> 


Pour faciliter cette intégration aux réseaux sociaux, vous trouverez un exemple de modèle HTML utilisable dans Panotour Pro contenant déjà les meta-tags attendus par Facebook dans ce lien : http://www.kolor.com/tutorials/SocialNetworks.zip

Icon attention.png Panotour Pro n'ayant pas connaissance de l'URL finale de votre visite, il vous faudra modifier certains paramètres dans le fichier HTML généré pour pouvoir partager correctement votre visite.








Support technique / Documentation Panotour / Documentation Panotour Pro