Passer au contenu principal
Intégration de la visite virtuelle

Découvrez comment intégrer des visites virtuelles à votre site Web

Samy Jeffries avatar
Écrit par Samy Jeffries
Mis à jour il y a plus d’une semaine

1. Iframe

Pour intégrer des visites virtuelles, au même titre qu'une vidéo YouTube, vous avez en général besoin d'une iFrame. Voici un exemple de code iFrame que vous pouvez employer pour intégrer vos visites virtuelles à n'importe quel site web. Veuillez noter que vous devrez remplacer « VOTRE-URL-DE-PROJET » par le lien vers la visite que vous souhaitez présenter sur votre site :

<iframe src="VOTRE-URL-DE-PROJET" width="800" height="400" frameborder="0" border="0" scrolling="no" allowfullscreen allow="vr"></iframe>

N'oubliez pas de passer à l'éditeur HTML lorsque vous collez le code. Vous pouvez modifier les paramètres de largeur et de hauteur à votre guise.

Veillez à ne pas utiliser de plugins, car ils peuvent fournir un code iFrame différent et désactiver certaines fonctionnalités comme l'affichage plein écran.

2. Hyperlien

Dans le cas où votre site web serait différent pour les utilisateurs mobiles ou dans le cas où vous n'avez tout simplement pas assez d'espace disponible pour intégrer l'iFrame sur votre page web, il est possible de faire en sorte que la visite virtuelle s'ouvre lorsque l'on clique sur le texte ou sur l'image (bouton).

Texte:

<a href="VOTRE-URL-DE-PROJET" target="_blank">YOUR TEXT</a>

Image :

<a href="VOTRE-URL-DE-PROJET" target="_blank"><img src="YOUR-IMAGE-URL"/></a>


Supprimez target="_blank" pour ouvrir la visite au même endroit que celui sur lequel vous avez cliqué.

Autoriser le plein écran dans les visites intégrées

Pour permettre à un utilisateur d'afficher la visite en mode plein écran, vous devez ajouter l'attribut spécial autoriser le plein écran au code d'intégration. Voici un exemple de code d'intégration qui utilise cet attribut :

<iframe src="https://premium.giraffe360.com/VOTRE-URL-DE-PROJET" width="800" height="400" frameborder="0" border="0" scrolling="no" allowfullscreen allow="vr"></iframe>


Si vous avez réalisé la procédure correctement, un bouton plein écran devrait à présent apparaître sur la visite intégrée, comme suit :

Désactiver l'analytique :

Vous pouvez utiliser les visites virtuelles avec l'analytique désactivée en ajoutant le paramètre « /?nocookie » à la fin du lien de la visite virtuelle.

Par exemple :

Avez-vous trouvé la réponse à votre question ?