Intégrer sa visite virtuelle Google

Bienvenue sur ce tutoriel qui va vous apprendre à intégrer votre Street View dans une page web.

Rendez-vous sur Google Maps et dans la zone de recherche tapez le nom de votre établissement.

Voici la zone en question, il est possible que vous ayez à ajouter l'adresse après le nom de votre établissement pour aider le moteur à le retrouver.

Pour ce tutoriel, nous avons choisi un de nos clients "AMC Production"

Vous avez à gauche de l'écran les informations de la fiche Google My Business, sur la partie droite la carte avec le point rouge.

Scrollez vers le bas la fiche Google My Business jusqu'aux photos.

Lorsque vous mettez votre pointeur sur le bord droit des photos, une flèche apparait.

Cliquez sur la flèche pour faire défiler les types de photos et voir celles qui sont à droite.

Les photos 360° se trouvent sur le bord droit. Cliquez sur la vignette "Street View et 360°".

Vous avez à présent la vue Street View choisie avec les autres vignettes à gauche.

Vous pouvez choisir une autre vignette si vous voulez atteindre un autre point 360°.

Puis escamotez la partie vignette en cliquant sur la flèche.

Naviguez dans le Street View pour choisir la vue de départ pour votre intégration web. Vous pouvez changer l'orientation, le zoom et le tangage.

Une fois la vue choisie, cliquez sur les 3 points verticaux à droite du nom de l'établissement.

Un menu apparait. Cliquez sur "Partager ou intégrer l'image".

La fenêtre de partage apparait. Par défaut, celle-ci vous propose de partager le lien du Street View actuel.

Cliquez sur "Intégrer une carte" pour accéder au code d'intégration.

La taille par défaut est "Moyenne", si cela vous convient, vous pouvez cliquez sur "COPIER LE CONTENU HTML".

Cependant, nous vous conseillons de choisir une taille "Grande" ou "Personnalisée". Vous pouvez changer cela en cliquant sur le menu déroulant de gauche.

Choisissez ensuite la taille de l'intégration. Ici sur "Grande".

À nouveau, si cette taille vous convient copiez le code HTML en cliquant sur "COPIER LE CONTENU HTML".

Vous pouvez aussi choisir la taille personnalisée afin que le cadre qui affichera la visite Street View (appelé "iframe") s'adapte mieux à votre page web.

Pour personnaliser les dimensions de votre cadre (iframe) , tapez les valeurs souhaitées en pixel.

La première valeur à gauche pour la largeur (en pixel).

La deuxième valeur à droite pour la hauteur (en pixel).

Une fois les valeurs entrées, vous pouvez copier le code d'intégration HTML.

Allez dans l'interface de votre éditeur de page web (ici Wordpress Gutenberg) et choisissez "intégrer code HTML" ou code source.

Cliquez dans le champ et collez le code (Ctrl+V) précédemment copié. Celui-ci doit apparaitre sous la forme:

Vous pouvez encore modifier des paramètres de taille width pour largeur et height pour hauteur.

Pour la largeur vous pouvez aussi choisir une valeur relative en %.

Pour que la visite puisse fonctionner avec le gyroscope des smartphones, vous pouvez ajouter le paramètre : allow="accelerometer; magnetometer; gyroscope"

Prévisualisez le résultat et ajustez le code HTML si besoin, puis publiez. Vous avez à présent intégré votre visite virtuelle Google à votre site web !

Pour mieux exploiter vos visites virtuelles, ou en réaliser de nouvelles, contacter Visite 360 Pro !