Afficher son agenda sur son site web
OpenAgenda propose plusieurs solutions techniques pour l'affichage de votre OpenAgenda sur votre site web.
C'est une nouveauté de juin 2024 : une iframe gratuite disponible de base dès l'export public de tout agenda. Cliquer sur Exporter > Intégrer pour y accéder.
Pour le moment cette iframe propose la liste des événements dans l'ordre chronologique, filtrée ou non, sans filtre ni navigation, ni une, ni personnalisation, et un clic sur un item renvoie vers openagenda.com. Les fonctions seront progressivement enrichie sur celle-ci.
Plus de détails techniques sur ce code d'intégration
Gratuite, cette extension vous permet d'afficher votre agenda dans votre wordpress en quelques clics, sans compétences HTML/CSS.
Disponible en logiciel libre, c'est un outil à la disposition des agences web pour les besoins spécifiques ou avancés.
https://github.com/OpenAgenda/wordpress
Un exemple récent en ligne : https://bibliotheque.nantes.fr/agenda/evenements/
Un autre exemple d'usage en capture d'écran ci-dessous avec personnalisation du style. Vue liste / vue détail.
https://festival.bar-bars.com/programmation/festival-bar-bars-2022/ par Charlie Bayot
Créée en avril 2021, fonctionnel à partir de Drupal 8. Un exemple ici : https://www.saint-quentin-en-yvelines.fr/fr/agenda-de-saint-quentin-en-yvelines
La documentation : https://developers.openagenda.com/tag/60-plugins/
Disponible depuis juin 2023 la documentation se trouvera juste ici https://developers.openagenda.com/extension-typo3/
Un portail s'installe sur votre serveur, importe les données de votre OpenAgenda et génère un agenda web composé des éléments suivants :
liste avec filtres de recherche
détail des pages événement
généré par votre serveur sur l'URL de votre choix
présentation compatible pour les différentes tailles d'écran
présentation personnalisable
Ce générateur est en logiciel libre. Si besoin, nous recommandons chaudement les services de nos intégrateurs partenaires pour la personnalisation et l'intégration de ce module. Compter un 3 jours/homme en principe. Voici un gabarit de base.
Exemples :
https://agenda.grand-albigeois.fr/
http://agenda.inha.fr/
En savoir plus
Il s'agit d'une première génération d'iframe, qui sera prochainement remplacée par l'iframe publique tout en un.
Le code de cette iframe est disponible seulement des administrateurs d'un agenda. Très personnalisable, elle est cependant peu accessible car demande du temps de personnalisation.
Cette iframe n'est plus proposée sur les nouveaux agendas.
Exemple là avec Issy : https://sortir.issy.com/agenda/
Détails techniques
Vous pouvez également afficher le contenu de votre OpenAgenda en utilisant d'autres solutions, généralement en utilisant l'export Json d'un agenda.
Le Ministère de la Culture utilise ainsi WeMap pour afficher les agendas ponctuels, créés pour ses grandes opérations nationales.
Eldoradao Lille 3000 utilise un javascript côté client pour récupérer et afficher les événements
Exemple d'une synchronisation d'un agenda avec un module tiers développé par l'agence web d'Orléans Métropole : https://sortir.orleans-metropole.fr/
L'iframe publique tout en un
C'est une nouveauté de juin 2024 : une iframe gratuite disponible de base dès l'export public de tout agenda. Cliquer sur Exporter > Intégrer pour y accéder.
Pour le moment cette iframe propose la liste des événements dans l'ordre chronologique, filtrée ou non, sans filtre ni navigation, ni une, ni personnalisation, et un clic sur un item renvoie vers openagenda.com. Les fonctions seront progressivement enrichie sur celle-ci.
Plus de détails techniques sur ce code d'intégration
Extension Wordpress
Gratuite, cette extension vous permet d'afficher votre agenda dans votre wordpress en quelques clics, sans compétences HTML/CSS.
Disponible en logiciel libre, c'est un outil à la disposition des agences web pour les besoins spécifiques ou avancés.
https://github.com/OpenAgenda/wordpress
Un exemple récent en ligne : https://bibliotheque.nantes.fr/agenda/evenements/
Un autre exemple d'usage en capture d'écran ci-dessous avec personnalisation du style. Vue liste / vue détail.
https://festival.bar-bars.com/programmation/festival-bar-bars-2022/ par Charlie Bayot
Extension Drupal
Créée en avril 2021, fonctionnel à partir de Drupal 8. Un exemple ici : https://www.saint-quentin-en-yvelines.fr/fr/agenda-de-saint-quentin-en-yvelines
La documentation : https://developers.openagenda.com/tag/60-plugins/
Extension Typo3
Disponible depuis juin 2023 la documentation se trouvera juste ici https://developers.openagenda.com/extension-typo3/
Le portail événementiel
Un portail s'installe sur votre serveur, importe les données de votre OpenAgenda et génère un agenda web composé des éléments suivants :
liste avec filtres de recherche
détail des pages événement
généré par votre serveur sur l'URL de votre choix
présentation compatible pour les différentes tailles d'écran
présentation personnalisable
Ce générateur est en logiciel libre. Si besoin, nous recommandons chaudement les services de nos intégrateurs partenaires pour la personnalisation et l'intégration de ce module. Compter un 3 jours/homme en principe. Voici un gabarit de base.
Exemples :
https://agenda.grand-albigeois.fr/
http://agenda.inha.fr/
En savoir plus
L'iframe modulaire, bientôt désactivée
Il s'agit d'une première génération d'iframe, qui sera prochainement remplacée par l'iframe publique tout en un.
Le code de cette iframe est disponible seulement des administrateurs d'un agenda. Très personnalisable, elle est cependant peu accessible car demande du temps de personnalisation.
Cette iframe n'est plus proposée sur les nouveaux agendas.
Exemple là avec Issy : https://sortir.issy.com/agenda/
Détails techniques
Affichage via un module tiers
Vous pouvez également afficher le contenu de votre OpenAgenda en utilisant d'autres solutions, généralement en utilisant l'export Json d'un agenda.
Le Ministère de la Culture utilise ainsi WeMap pour afficher les agendas ponctuels, créés pour ses grandes opérations nationales.
Eldoradao Lille 3000 utilise un javascript côté client pour récupérer et afficher les événements
Exemple d'une synchronisation d'un agenda avec un module tiers développé par l'agence web d'Orléans Métropole : https://sortir.orleans-metropole.fr/
Mis à jour le : 12/07/2024
Merci !