[#Joomla] Extension cookies pour Joomla 3

montage plugin cookie joomla

Avant de commencer, notre spécialiste Joomla vous invite à faire une sauvegarde complète de votre site (fichiers et bdd). Pour cela, vous pouvez utiliser l’extension de sauvegarde Akeeba backup. Vous pouvez suivre notre tutoriel Akeeba : comment faire une sauvegarde de son site Joomla

Extension cookies pour Joomla: cookies Alert

Cette extension de cookies « made in France » est très simple d’utilisation et pourtant très complète. Idéale pour les sites multilingues, elle est très facilement personnalisable grâce à une palette d’option dans le backoffice du plugin. Paramètre non négligable : c'est une extension responsive design, donc elle s'adapte à la largeur du terminal utilisé pour surfer sur le web (smartphone, tablette, PC, ...)

Voici le résultat que vous allez obtenir

resultat cookies

Installation de Folcomédia Cookies Alert :

Ce plugin Joomla s’installe simplement comme toutes les extensions Joomla.

Allez dans l’administration / extensions / gestion des extensions / parcourir / sélectionnez votre archive téléchargée précédemment et validez.

Si vous n’êtes pas familiarisé avec l’installation des extensions, vous pouvez suivre cette formation Joomla sur « Comment installer une extension Joomla »

Paramétrage de Folcomédia Cookies Alert

En fin d’installation, un message apparait vous indiquant que le plugin est bien installé. Il ne vous reste plus qu’à le publier. Pour vous rendre dans la gestion des plugins de Joomla rapidement, cliquez sur le bouton « configurer »

Message de fin d'installation

Afin de retrouver rapidement le dernier plugin installé, vous pouvez soit :

  1. En haut de la colonne id, faire un tri par id,
  2. Ou faire une recherche avec le nom « Folcomedia - Plugin alerte utilisation cookies »
  3. Cliquez ensuite sur le nom du plugin pour le paramétrer

recherche plugin cookies

Une fois le plugin ouvert, commencez par l’activer

activation du plugin

Détaillons l’onglet paramètres

Utilisez Jquery : dans le cas où votre template charge déjà jquery, il est préférable de ne pas le charger une seconde fois.

Version de Bootstrap : quelle version de bootstrap est installée sur votre site ?

Langue par défaut : si vos internautes sont majoritairement Français choisissez French

Durée de vie des cookies (j) : réglez quelle est la durée de vie des cookies sur votre site (en cas de doute, laissez « 30 »

Message d’alerte : vous pouvez sélectionner l’affichage du message sur toutes les pages du site ou sur toutes les pages du site sauf la page d’explication des cookies. Cette page sera indiquée dans un des réglages du plugin

Mode d’affichage : soit dans un popup, soit dans un encadré

Dans les prochains réglages que nous allons voir, il s’agit de l‘apparence du message d’alerte afin qu’il se fonde ou non aux couleurs de votre template

Transparence : réglage de 0 à 100 pour la couleur de fond du message d’alerte. 0 étant la transparence totale, et 100 l’opacité totale.

Position du contenu : comment souhaitez-vous aligner le contenu de cette boîte. Là encore vous aurez le choix. Gauche, droite ou centrer

Position fixe : où souhaitez-vous mettre votre message. En haut du site ou en pied de page ?

La largeur de l’alerte : vous pouvez définir en px ou en % la largeur du message d’alerte

Marges intérieures et marges extérieures : ces valeurs sont à définir en px

Couleur du texte : là encore c’est très simple, le développeur vous a ajouté un sélecteur de couleur. Il vous est donc très simple soit de taper le code hexadécimale de votre couleur, soit d’en choisir une dans la palette de couleur

Couleur de fond : c’est la couleur de background du bandeau alerte. Vous avez là aussi un sélecteur de couleur hexadécimal

Type de bordures : rectangulaire, arrondie, aucune

Couleur des bordures : sélection aisée avec un sélecteur de couleur

Taille : il s’agit de la taille de la bordure. A exprimer en px

parametrage plugin

Passons maintenant à l’onglet « bouton »

Ordre des boutons : quel bouton souhaitez-vous voir en premier ; bouton Fermer ou En savoir plus ?

Positions des boutons : vous souhaitez afficher les boutons Fermer et En savoir plus sous le texte ou sur la même ligne ?

Personnalisation du bouton en savoir plus

Affichage : souhaitez-vous afficher le bouton En savoir plus ? Ce bouton fera un lien vers votre page expliquant à quoi vous servent les cookies. Lien à définir dans la suite du paramétrage.

Position : gauche droite ou centrer

Taille : taille du bouton ; normal, petit, très petit

Thème : vous avez le choix de choisir entre une 10ène de thèmes pré-formatés, mais depuis peu (car ce plugin Joomla évolue) vous pouvez aussi choisir de personnaliser la couleur des boutons

Couleur bouton personnalisée : c’est à cette endroit que vous choisissez la couleur de votre bouton En savoir plus, si les thèmes ne répondent pas à vos besoins

Couleur du texte : couleur du texte du bouton

Personnalisation du bouton Fermer

Affichage : vous pouvez choisir de l’afficher ou non. Bien entendu, cela est conseillé à 100 %

Vous avez les mêmes réglages que le bouton En savoir plus, c’est-à-dire : position, taille du bouton, thème, couleur personnalisée et couleur du texte

onglet bouton

Valider le paramétrage de votre plugin Cookies Alert

Maintenant enregistrez votre plugin avec le bouton « Enregistrer » situé en haut du plugin

bouton enregistrer les paramètres du plugin

J’ai bien parlé du bouton « Enregistrer » et non de « Enregistrer et Fermer », car comme vous pouvez le remarquer d’autres réglages sont venus se greffer.

bouton cookies apres enregistrement

Un nouvel onglet vient de faire son apparition : « Saisissez votre texte en Français »

Vous avez maintenant la possibilité d’entrer un texte dans la zone prévue pour les cookies

Voici les nouveaux réglages

Message d’alerte : laissez ce réglage sur Afficher

Texte d’information : à cet endroit, saisissez le texte que vous souhaitez pour informer les internautes de l’utilisation des cookies sur votre site

Texte bouton "En savoir plus" : quel est le titre de l’ancre du bouton En savoir plus ? L’ancre étant le titre du lien cliquable

Lien bouton « en savoir plus » : choisissez dans cette liste déroulante, le lien de menu vers lequel vous renvoyez vos visiteurs pour s’informer sur vos cookies. Rappelez-vous, nous avions parlé de définir ce lien au début de cette formation.

Ancre : dans la page du lien précédent, si vous avez placé une ancre à l’endroit où se trouvent vos cookies, vous pouvez la renseigner ici. L’internaute arrivera comme cela directement à la partie de la page concernant les cookies.

Texte bouton Fermer : donner un nom au bouton pour accepter les cookies sur votre site

Vous pouvez maintenant Enregistrer et Fermer, vous avez fait le tour des réglages du plugin ou presque.

texte en francais

Exporter ma configuration et importer ma configuration

Vous disposez de plusieurs sites web, et bien Folcomedia vous donne la possibilité dans son plugin Cookies Alert d’exporter votre configuration du bouton « Saisissez votre texte en Français » afin de l’importer sur un autre site.

Vous l’aurez compris le bouton Exporter configuration, va vous télécharger les paramètres de votre plugin dans un fichier .txt sur votre ordinateur et le bouton Importer, va lui, vous permettre d’aller rechercher ce fichier pour l’importer sur un autre site.

Cookies Alert, on n’avait pas dit qu’il était multilingue ce plugin ?

Eh bien, on ne vous a pas menti, il est bien multilingue. Si votre site est paramétré comme tel avec le multilingue natif Joomla, Cookies Alert vous propose un nouvel onglet par langue installée sur votre site. Vous pouvez voir l’aperçu impression écran que nous avons faite sur l’une de nos créations de sites multilingue munie de ce plugin. Il vous est donc très simple de délivrer un message pour toutes les langues installées sur votre site web

aperçu du paramétrage sur un site multilingue cookies