Intégrer Google Map sur mon site.

11 1363

Aujourd’hui un tuto express qui peux paraître simplet pour certains, mais apparemment encore galère pour d’autre.

Lorsque vous créez votre site, vous possédez la plupart du temps une page de contact, et vous aimeriez que vos futurs clients, puisse savoir comment vous trouver.

Alors pour intégrer Google map sur votre site, boutique, page web, etc… lisez ce qui suit.

 

Intégrer Google Map sur mon site.

Lorsque vous désirez intégrer Google Map, sur un site WordPress par exemple, mais si vous avez un site statique, vous pouvez en HTML suivre les étapes.

Tout d’abord, rendez vous sur Google et tapez l’adresse que vous souhaitez intégrer sur votre site.

 

 

 

 

 

 

 

 

 

 

Cliquez sur l’adresse en Bleu dans le résultat de recherche obtenu.

Ensuite, cliquez sur le maillon:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Vous aurez alors la possibilité de choisir de faire un lien vers le Map de Google, ou un code pour intégrer Google Map sur un site.

 

 

 

 

 

 

 

Ici je veux intégrer Google Map sur mon site, je prend donc « le code HTML pour l’intégrer à un site Web »

<iframe width= »425″ height= »350″ frameborder= »0″ scrolling= »no » marginheight= »0″ marginwidth= »0″ src= »https://maps.google.fr/maps?oe=utf-8&amp;client=firefox-a&amp;q=129+boulevard+gambetta+62100+calais&amp;ie=UTF8&amp;hq=&amp;hnear=129+Boulevard+L%C3%A9on+Gambetta,+62100+Calais,+Pas-De-Calais,+Nord-Pas-de-Calais&amp;gl=fr&amp;t=m&amp;z=14&amp;ll=50.946691,1.844778&amp;output=embed »></iframe><br /><small><a href= »https://maps.google.fr/maps?oe=utf-8&amp;client=firefox-a&amp;q=129+boulevard+gambetta+62100+calais&amp;ie=UTF8&amp;hq=&amp;hnear=129+Boulevard+L%C3%A9on+Gambetta,+62100+Calais,+Pas-De-Calais,+Nord-Pas-de-Calais&amp;gl=fr&amp;t=m&amp;z=14&amp;ll=50.946691,1.844778&amp;source=embed » style= »color:#0000FF;text-align:left »>Agrandir le plan</a></small>

Je copie donc ce code, et part ensuite sur la page contact de mon site, ou simplement à l’emplacement où je désire placer ce Map sur mon site en mode HTML:

Et je colle le code, pour ensuite valider mon article.
Voilà votre adresse placée sur votre site via Google map.

11 Commentaires

  1. Très utile, mais attention tout de même à proposer une version alternative de votre site pour les mobiles, la carte pouvant être bien trop grande pour un smartphone parfois…

  2. Génial, ça faisait un moment que je cherchais comment faire un truc comme ça pour un de mes sites..

    Alors, on dit youpi.. et on dit merci. :-)

  3. Merci pour ce tutoriel.
    Je mets cet article en favori car je compte surement l’utiliser sur l’un de mes blogs.
    Je suis preneur pour d’autres tutoriels
    Compte-tu en faire un sur SEO YOAST?

  4. […] Intégrer Google Map sur votre site, pour que vos clients puissent vous trouver, voici un tutoriel express pour vous aider à intégrer votre adresse Map.  […]

  5. super! je viens de créer une page sur mon blog afin de permettre à ceux qui désire nous rejoindre puisse connaitre leurs chemin.
    mon blog concerne le tir à l’arc, je viens de démarrer il y a moins d’un mois, je n’ai pas encore beaucoup d’articles mais cela est en route.
    merci pour tes astuces, et n’hésite pas à y faire un tour et me donner des conseils si tu le veux bien sur.
    pour tout ce qui concerne les référencements, je suis un peu perdu…!
    A+ et encore bravo pour ce que tu fais.

    • Bonjour David, il te suffit de coller le code « embed » sur une de tes page, en version html (ou source selon l’appellation de Web-to-Date 5)

      Sinon, passe sous WordPress ^^

  6. bonjour, merci pour l’astuce ! aurais tu une solution pour que la carte puisse être modifiée par des membres sous wordpress, ou autre systeme, afin que des personnes puissent ajouter des points..que je valide pour enfin afficher sur mon site? merci d’avance !

Réagis