Votre visite virtuelle vient d’être publiée
Et très souvent la question qui vient juste après est celle du webmaster : Comment profiter de ce visuel sur notre site?
Mise à jour du 5 août 2015
Changement de positionnement du lien de partage et d’intégration, la roue dentée a été supprimée. Les liens peuvent être récupérés dans le menu “carte d’endroit” [En haut à gauche de la visite].
Exemple https://goo.gl/maps/Wob8T
Mise à jour du 21 novembre 2014
Une nouveauté de Google Maps permet à présent de trouver le code d’intégration nécessaire à publication sur votre site. Lorsque vous êtes dans la visite virtuelle, cliquez sur l’engrenage et partager et intégrer l’image.
Modifiez la taille, petite, grande, moyenne ou personnalisée. Copier coller le code html dans votre éditeur.
Article du 15 avril 2014
Depuis la nouvelle version de Google Maps déployée chez nous fin février, Google fournit toujours le code pour intégrer votre visite virtuelle à votre site, seulement avec les nombreuses nouveautés de Google Maps, trouver ce lien demande un peu plus de clics qu’avec la version antérieur.
Je vous propose de vous guider simplement, selon que vous ayez une utilisation ponctuelle ou courante !
Première solution, localisation du lien dans
Google Maps
Dans le coin inférieur gauche de la carte, cliquez sur le petit engrenage et vers « Mes adresses » vous pouvez également mémoriser ce lien direct ci-dessous 🙂
www.google.be/maps/mm?authuser=0&hl=fr
Dans cette zone indiquez le commerce recherché.
Le résultat de la requête se trouve dans l’écran ci-dessous, tiens cet écran ressemble à 2 gouttes d’eau de l’ancienne version de Maps.
1- Cliquez sur la vignette de la visite virtuelle à gauche pour la faire apparaître les images de la visite à droite,
2- ensuite sur l’icone lien représenté par un élément de chaine,
3- copier et coller l’entièreté du code html dans la zone texte d’un article de blog ou sur votre site.
Il suffira de modifier si besoin la largeur en pixel (width) et la hauteur (height) pour l’ajuster à votre page.
Voici le résultat,
Votre visite virtuelle intégrée avec une largeur de 700 pixels et une hauteur de 350 pixels.
Une alternative à cette solution est de revenir à la version classique de Google Maps juste le temps de copier le code. Il y a beaucoup plus de manipulation pour obtenir le même résultat, je ne vous le conseille pas. Cliquez sur ? Dans le coin inférieur droit de la carte, ensuite sur « retour à la version classique de Maps », ne mémorisez pas votre choix comme définitif mais uniquement pour la session en cours. Une fois revenu à la version classique, rechercher votre commerce sur la carte comme expliqué ci-dessus. 😉
Utiliser la visite virtuelle comme support d’images d’un site
Il est possible de créer plusieurs lieux de départ d’une visite soit sur une ou plusieurs pages.
Exemple :
- L’entrée de votre commerce sur la page d’accueil de votre site
- les différents rayons du magasin en rapport avec les fiches produits,
- les différentes salles pour un restaurant
- l’atelier d’une boulangerie,
- les chambres d’une maison d’hôtes, d’un hôtel etc …
- Les exemples sont nombreux, …
C’est très simple à réaliser, il suffit de copier le code à l’endroit de la visite que vous souhaitez reporter un nouveau départ. Ci-dessous : un tableau pour illustrer cette possibilité dans un tableau et sur peu d’espace, …
| Entrée du magasin | Rayon enfants | Seconde entrée place Peduzzi |
View Larger Map |
Agrandir le plan |
Agrandir le plan |
| Point Poste | Magazines et Lotto | Cartes Postales |
View Larger Map |
View Larger Map |
View Larger Map |
Seconde solution, l’utilisation d’une extension de Google Chrome
Après avoir lancer Chrome, téléchargez et installer cette extension Chrome gratuite qui vous permettra d’intégrer une visite virtuelle Google Business view. L’extension crée le code d’intégration qui peut être copié /collé de la même manière qu’avec la version Google.
Lorsque vous êtes dans la visite virtuelle sur Google Maps business view, l’icône Embedder apparaîtra dans le champ d’adresse de Chrome.
On reprend l’exemple avec la visite virtuelle de la librairie Willems. Cliquez sur l’icone pour afficher le code embed. Cliquez sur le bouton « Get embed code » en bas à droite, un menu déroulant vous permet de modifier des tailles préféfinies directement dans le code. Copier /coller dans votre site.
N’hésitez pas à commenter, votre avis m’intéresse.
Besoin d’info? Une visite virtuelle dans vos locaux?
N’hésitez pas à utiliser ce formulaire de contact
Leave a Reply