Comment intégrer la visite virtuelle Google de mon commerce sur ma page Facebook ? - Le Blog de la Visite Virtuelle en Alsace
Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Publié par CLF STUDIO, photographe à Strasbourg

C'est simple, gratuit et à la portée de tous. CLF STUDIO vous guide pas à pas.

Tout d'abord vous devez avoir ouvert une Page Facebook. Petit précision une Page Facebook est différente d'un Profil. Un Profil est unique il est associé à une personne physique. La plupart des utilisateurs se contentent d'ouvrir un compte et de créer un profil pour entrer en contact avec leurs amis et publier du contenu. Si vous voulez que votre Entreprise ou votre organisation figure sur Facebook, vous devez ouvrir une Page. Cette Page sera associée à votre Profil utilisateur. Vous avez le possibilité d'ouvrir plusieurs Pages et de les gérer à partir d'un même Profil. Si vous souhaitez en savoir plus sur les différences entre profil et Page, rendez-vous sur ce blog.

Dans un premier temps vous allez installer une petite application, Static HTML:iframe tabs en cliquant sur ce lien :

Capture-d-e-cran-2013-01-06-a--13.44.14.png

Cliquez sur "Add Static HTML to a Page". Si vous administrez plusieurs pages Facebook, choisissez celle sur laquelle vous souhaitez afficher la visite virtuelle.

Capture-d-e-cran-2013-01-06-a--13.48.53.png

Cliquez sur ajouter Static HTML iframe tabs. Vous allez vous retrouver sur votre page Facebook. Une étoile grise intitulée Welcome à été ajoutée dans le menu des applications disponibles.

Capture-d-e-cran-2013-01-06-a--13.51.43.png

Nous verrons plus loin comment personaliser le nom de cette application. Vous allez maintenant cliquer sur cette étoile pour accéder à la fenêtre d'édition suivante :

Capture-d-e-cran-2013-01-06-a--13.56.48.png

Cliquez sur Edit... et choisissez la première option proposée.

Capture-d-e-cran-2013-01-06-a--13.59.44.png

Cliquez sur Use this app. puis sur done en haut à gauche..

Capture-d-e-cran-2013-01-06-a--14.01.33.png

Voici à quoi votre fenêtre d'édition devrait ressembler :

Capture-d-e-cran-2013-01-06-a--14.03.19-copie-1.png

Nous allons maintenant remplacer le texte "You only need to use..." par le code HTML founit par Google sur la page de votre visite virtuelle. Ouvrez maintenant votre visite virtuelle Google dans un autre onglet de votre navigateur. Choisissez le meilleur point de vue à l'aide de la souris ou des touches du clavier. Cliquez sur le symbole de lien en haut et à gauche.

Capture-d-e-cran-2013-01-06-a--14.12.10.png

Cliquez sur le code HTML à intégrer.

Capture-d-e-cran-2013-01-06-a--14.19.29.png

Copiez ce code en appuyant sur Ctrl C ou en faisant un clic droit sur le code puis choisissez copier.

Capture-d-e-cran-2013-01-06-a--14.25.17.png

Il est temps de revenir sur votre page Facebook et de coller ce code dans la fenêtre d'édition à l'aide d'un clic droit à l'endroit où vous voulez insérer le code.

Capture-d-e-cran-2013-01-06-a--14.31.06.png

Le résultat !

Capture-d-e-cran-2013-01-06-a--14.32.21.png

Vous pouvez personaliser les dimensions d'affichage en remplaçant la valeur width "562" par 100% en début de ligne par exemple. 

EDIT : Si vous utilisez la nouvelle version de Google Maps, Google ne donne plus accès directemetn aux codes d'ntégration pour les vues à 360°. C'est un comble, mais il faut faire avec ! Voir cet article qui propose une solution alternative. http://goo.gl/LgW4KG.

Il n'y a plus qu'à valider en cliquant sur Save & Publish. Nous allons maintenant personnaliser le nom de cette application en remplaçant "Welcome" par "Visite virtuelle".

Cliquez Modifier La Page / Role d'Administration / Applications et enfin sur Modifier les Paramètres. Entrez "Visite Virtuelle" pour modifier le nom de l'onglet personalisé.

Capture-d-e-cran-2013-01-06-a--14.45.42.png

Validez en cliquant sur "Enregistrer" puis OK puis "Afficher la page". C'est terminé, vous avez personnalisé  la page Facebook de votre établissement en ouvrant une vitrine sur deux des plus grandes avenue de la planète !

Voir la page Facebook de CLF STUDIO et cliquer sur Visites Virtuelles Pros

 

 


Le livre d'images

ImmoWeb360

CLF STUDIO 360

Facebook

Commenter cet article

Lucie 07/01/2013 09:51


blog trés intéressant!