Comment intégrer google map dans son site ?

Google maps est un service de Google très utile qui vous permet visuellement d’afficher votre emplacement géographique sur votre site.

Dans cet article nous allons vous présenter comment intégrer Google maps sur votre site internet.

Dans ce tutoriel, nous allons vous expliquer pas à pas comment faire pour intégrer une carte Google maps sur un site wordpress avec le thème DIVI.

Nous verrons les étapes suivantes en détail: 

• Etape 1: Obtenir une clé API Google maps
• Etape 2: Sécuriser la clé API Google maps
• Etape 3: Activer les options de localisation
• Etape 4: Mettre à jour l’adresse de localisation 

Etape 1: Obtenir une clé API Google maps

Comment obtenir une clé API ? 

Pour obtenir une clé API google vous devez tout d’abord vous connecter à la plateforme de développement Google maps. Pour cela rechercher sur google: Google API, puis rendez vous sur le site et sélectionner Premier pas.

Ensuite vous allez devoir activer Google Maps Plateform, ce qui se fait en 3 étapes: 

Créer un projet

Nommer d’abord votre projet puis cliquer sur créer. 

Ensuite vous allez devoir renseigner toutes vos données de facturation comme votre adresse ou numéro de téléphone: 

Pour cela cliquez d’abord sur créer un compte de facturation puis renseigner toutes les informations demandées, choisissez ensuite votre mode de facturation (paiement par carte ou prélèvement bancaire) et enfin cliquer sur démarrer l’essai gratuit.

Sélectionner des produits 

Cliquer ensuite sur Maps>suivant puis copier la clé API générée.

Coller-la dans votre back office wordpress.

Etape 2 : Sécuriser la clé API Google maps

Pour sécuriser une clé API, cliquez tout d’abord sur le bouton sécuriser les identifiants, puis dans l’onglet Nom indiqué un “nom personnalisé”.

Ensuite dans l’onglet Restrictions relatives aux applications> Sélectionner l’option Référents HTTP (sites Web)> Cliquer ensuite sur ajouter un élément dans la section Restriction liées aux sites web>Copier/coller dans URL de provenance l’url de votre site en ajoutant une étoile devant: *monsite.com. Cliquer sur ok puis enregistrer.

Erreur à éviter:  Renseigner bien l’url de votre site sans caractère supplémentaire (point, espace…) pour ne pas avoir d’erreur d’intégration.

Etape 3 : Activer les options de localisation

Pour activer les options additionnelles de localisation, cliquez tout d’abord sur API sur le bandeau de gauche>Puis dans la section API supplémentaires sélectionner et activer les options suivantes: 

• Geocoding API
• Geolocation API
• Places API

Etape 4: Mettre à jour l’adresse de localisation 

Pour mettre à jour votre adresse de localisation, vous devez par exemple activer le visual builder de votre thème wordpress> Ensuite dans la partie adresse principale de la carte> Renseignez votre adresse> Cliquez sur trouver. 

Vous pouvez aussi si vous le souhaitez intégrer un marqueur en répétant l’opération précédente. Quand vous avez fait vos modifications n’oubliez pas de cliquer sur valider.

Nous espérons que ce tuto vous a plus et que vous savez maintenant intégrer une carte google maps sur votre site.

Si vous avez toujours des difficultés, n’hésitez pas à contacter notre agence pour vous aider dans l’intégration du service google maps ou pour améliorer votre référencement local.

/