Beaucoup de gens utilisent Google Agenda, de l’organisation de leur entreprise à leur mode de vie personnel. C’est un système puissant qui peut être intégré à un large éventail d’outils. Mais, que faire si vous souhaitez l’intégrer à WordPress ? En fait, c’est assez facile à faire. Il suffit d’avoir le bon plugin et un peu de votre temps.
Pourquoi intégrer Google Agenda ?
Grâce au calendrier de Google, vous pouvez partager un large éventail d’informations sur les horaires, quel que soit votre créneau d’activité. Cela peut être très utile pour les visiteurs car vous pouvez faire de la publicité à partir d’un simple agenda. Par exemple, vous pourriez :
- Montrez les dédicaces et les lieux de dédicace des livres en tant qu’auteur.
- Indiquer quand certains produits sont en vente en tant que détaillant.
- Partagez les dates auxquelles vous participerez à l’E3 en tant que joueur.
- Indiquez quand les cours sont disponibles en tant qu’éducateur.
- Afficher les temps d’arrêt du serveur et du réseau en tant qu’administrateur réseau.
Il n’y a vraiment aucune limite à ce que vous pouvez faire en intégrant Google Calendar à votre site WordPress. Et voici comment vous allez procéder.
Étape 1 : Installation et activation du plugin
La première chose à faire est d’installer et d’activer le meilleur plugin pour vos besoins. Pour ce tutoriel, nous allons utiliser Simple Calendar – Google Calendar Plugin for WordPress. Cependant, vous pouvez choisir parmi de nombreux plugins. Il vous suffit d’aller sur “Plugins”, de cliquer sur “Ajouter nouveau” et de rechercher “Google Agenda” sur la page des plugins de votre tableau de bord.
Le plugin installera une nouvelle fonctionnalité dans votre tableau de bord intitulée “Calendriers”. Il se trouvera sur le côté gauche de votre écran et pourra être contrôlé par vos commentaires.
Étape 2 : Installation de la clé de l’API Google
La plupart des plugins de Google Agenda nécessitent ce que l’on appelle la “clé API”. Il s’agit essentiellement d’une forme d’autorisation entre votre site WordPress et Google. Elle protège les autres contre les tentatives de vol de vos données.
Pour accéder à la clé API, allez dans “Calendriers” et cliquez ensuite sur “Paramètres” dans le tableau de bord. Sous l’onglet “Sources des événements”, vous verrez où vous devez placer la clé API Google. Pour configurer une nouvelle clé :
1. Cliquez sur le lien “Google Developers Console” situé sous le champ pour la clé API. Cela vous mènera à la console des projets dans Google.
2. Cliquez sur le lien “Créer un projet” près du centre supérieur de cette nouvelle fenêtre. Cela ouvre une fenêtre plus petite, “Nouveau projet”.
3. Pour le “Nom du projet”, entrez quelque chose comme “MonCalendrierProjet”. En réalité, vous pouvez l’appeler comme vous voulez. Toutefois, cela vous permettra de le retrouver plus facilement à l’avenir si vous en avez besoin. Note : Vous avez deux options supplémentaires à votre disposition. La première consiste à accepter de recevoir des mises à jour par e-mail de Google concernant le service. La seconde est de consulter les conditions d’utilisation du service. Vous devez accepter les conditions d’utilisation, mais les mises à jour par courriel sont à votre discrétion. Pour ce tutoriel, nous sélectionnerons “Non”.
4. Une fois les options sélectionnées, le bouton “Créer” sera disponible. Cliquez dessus. Vous serez dirigé vers le tableau de bord de votre API dans Google.
5. Une bibliothèque d’API apparaîtra bientôt parmi les services les plus populaires de Google. Cherchez et cliquez sur “API Calendrier”. Elle peut se trouver sur le côté droit de votre écran, sous la rubrique “API Google Apps”.
6. Sur l’écran suivant, vous pouvez lire des informations sur l’API et ce qu’elle fait pour les justificatifs d’identité. En haut, vous verrez un lien intitulé “Activer”. Une fois que vous aurez cliqué sur ce lien, votre projet sera lié à l’API du calendrier.
7. Vous pouvez voir un avis dans Google indiquant que l’API est activée, mais vous devez disposer d’un justificatif d’identité avant de pouvoir l’utiliser. Sur le côté droit, cliquez sur le bouton “Go to Credentials”.
8. Sur l’écran “Ajouter des références à votre projet”, vous verrez un lien pour “Clé API” dans la zone qui indique que vous pouvez sauter l’étape des références. Si vous cliquez sur ce lien, vous serez amené à la page “Références”.
9. Sous “Clé API”, il y a un champ de texte qui vous permet de la nommer. Dans ce champ, entrez “My Calendar API Key” ou quelque chose de similaire. N’oubliez pas que vous voulez qu’elle soit facile à trouver si vous en avez besoin plus tard.
10. Dans la case d’option sous “Restrictions clés”, cliquez sur le bouton d’option “Aucune”. Si vous avez les informations spécifiques de votre site à disposition, vous pouvez restreindre l’accès au calendrier plus tard en insérant un domaine, une adresse IP, une application Android ou iOS. Note : Vous pouvez mettre plusieurs sites si vous voulez utiliser le même programme de Google ailleurs.
11. Une fois que vos sites sont mis dans le système, cliquez sur le bouton “Créer” sous les champs.
12. Une nouvelle fenêtre affichera votre clé API. Sélectionnez et copiez cette clé car vous en aurez besoin pour le plugin.
13. Retournez à votre tableau de bord WordPress et à la page clé de l’API Google Calendar. Collez la clé que vous venez de copier dans le champ disponible.
14. Cliquez sur le bouton “Enregistrer les modifications” en bas à gauche.
Étape 3 : Rendre votre calendrier public
Pour pouvoir partager votre calendrier à partir de Google, vous devez le rendre public. Pour ce faire, vous devez vous rendre sur la page de l’agenda dans Google et cliquer sur la petite flèche vers le bas à côté du nom. Vous obtiendrez alors une liste d’options, dont “Partager cet agenda”.
Une fois que vous aurez cliqué sur l’option de partage, vous serez amené à la page de détails du calendrier. En haut de la page, vous trouverez une case à cocher intitulée “Rendre ce calendrier public”. Une fois la case cochée, cliquez sur le bouton “Enregistrer”.
Une fois que le paramètre a été modifié pour rendre le calendrier public, vous aurez besoin de son identifiant unique pour le mettre dans WordPress. En utilisant la même petite flèche vers le bas à côté de votre calendrier, cliquez sur “Paramètres du calendrier”. Sur l’écran suivant, aux trois quarts environ, vous verrez apparaître à gauche le paramètre “Adresse du calendrier”. Lorsque vous regardez à droite, vous verrez une longue chaîne pour l'”ID du calendrier”. Copiez cette ligne de texte après le point-virgule et avant la parenthèse de fin.
Étape 4 : Ajout d’un nouveau calendrier
Entrez dans les calendriers à partir de votre tableau de bord WordPress. Cliquez sur “Ajouter nouveau”. Une fenêtre avec le code de raccourci déjà placé dans l’éditeur de texte apparaîtra. Donnez à votre projet un nom dont vous vous souviendrez, par exemple “Mon calendrier”.
Laissez le shortcode comme il est et faites défiler vers le bas. Sous l’éditeur de texte, vous trouverez un endroit pour les paramètres du nouveau calendrier. Sur la gauche, il y aura une option pour “Google Agenda”. Une fois que vous aurez cliqué dessus, vous trouverez l’endroit où vous pourrez coller l’identifiant que vous avez copié il y a un instant.
Vous verrez également une série d’autres options disponibles pour personnaliser l’apparence. Vous pouvez tout changer, des couleurs aux différents styles de thèmes ou même changer le format des données sous “Avancé”. Une fois que vous l’avez exactement comme vous le souhaitez, cliquez sur le bouton “Publier” à droite du tableau de bord pour enregistrer le programme.
Étape 5 : Mise en ligne du calendrier sur votre site web
Maintenant que les paramètres sont tous placés, le calendrier est prêt à être mis en ligne sur votre site web pour que tous puissent le consulter. Il y a en fait trois façons de procéder.
Bouton “Ajouter un calendrier” sur les articles et les pages
Lorsque vous créez un nouveau poste ou une nouvelle page, vous pouvez voir le bouton “Ajouter un calendrier” disponible au-dessus de votre écran d’édition. Il vous permettra de placer le calendrier à l’endroit où se trouve votre curseur dans l’éditeur de texte. Le fonctionnement est similaire à celui du bouton “Ajouter un média”.
Certains plugins peuvent empêcher ce bouton d’être visible. Si cela se produit, vous devrez peut-être utiliser les options suivantes.
Lorsque vous créez un calendrier, le plugin vous fournit un raccourci. Cet extrait de code peut être placé n’importe où dans WordPress où vous pouvez taper du texte, que ce soit dans un message ou dans un widget de la barre latérale.
Simple Calendar est livré avec son propre widget qui peut être placé à différents endroits sur votre site web. Allez à Apparence et cliquez sur le contrôle “Widgets”. Faites glisser et déposez le widget “Calendrier simple” où vous voulez et sélectionnez le calendrier que vous voulez afficher.
L’intégration de Google Calendriers n’est qu’une étape pour vous aider à ajouter plus de polyvalence et de fonctionnalité à votre site WordPress. Quelle que soit la raison pour laquelle vous souhaitez afficher les dates, ceux qui vous rendent visite peuvent rester au courant. Portez le site web vers de nouveaux sommets et découvrez ce que vous pouvez en faire, en dehors de la création de contenu.
Quels types d’outils souhaitez-vous intégrer dans WordPress ? Quelle est votre intégration préférée que les visiteurs trouvent la plus attrayante ?