Iubenda logo
Générer dès maintenant

Documentation

Sommaire

Cookie Solution – Guide d’installation du plugin Joomla!

Le plugin Joomla! de iubenda vous permet d’automatiser plusieurs actions exigées par la Loi cookies, réduisant ainsi de façon drastique le nombre de modifications à apporter au code de votre site.

Mise en garde
  • Vous pouvez télécharger ce plugin directement à partir du répertoire officiel des extensions (Joomla! Extensions Directory).
  • Ce plugin nécessite la version 2.5 ou une version plus récente de Joomla!
  • Il fonctionne mieux avec la version 5.3 ou les versions plus récentes de PHP.
iubenda Cookie Solution pour Joomla!

Fonctionnalité

  • Notre plugin ajoute automatiquement le code de la Cookie Solution de iubenda à toutes les pages d’un site (dans la section HEAD).
  • Il vous permet de bloquer automatiquement ou manuellement les scripts qui peuvent installer des cookies jusqu’à l’obtention du consentement, sans toucher directement à votre code.
  • Les scripts qui installent des cookies sont réactivés de manière asynchrone une fois le consentement recueilli.
  • Ce plugin gère l’affichage du bandeau cookies et de la politique relative aux cookies. Personnalisez entièrement l’apparence et les couleurs du bandeau cookies pour l’assortir à votre site si nécessaire.
  • Il enregistre les préférences des utilisateurs en matière d’utilisation des cookies et affiche des pages sans bandeau cookies aux utilisateurs qui ont déjà donné leur consentement.
  • Notre plugin est compatible avec le Cadre de transparence et de consentement de l’IAB.
  • Une interface simple d’utilisation vous permet d’indiquer des iframes et scripts personnalisés.
  • Il détecte les bots et les robots d’indexation et leur affiche des pages sans bandeau cookies pour ne pas compromettre vos efforts de référencement naturel (SEO).
  • Il prend en charge l’auto-affectation des catégories lors du blocage des scripts.
  • AdRoll
  • Widgets AddThis
  • Bing
  • CodePen
  • Criteo
  • Disqus
  • Elevio
  • Commentaires Facebook
  • Widgets Facebook
  • Freshchat
  • Google AdSense
  • Google Analytics
  • Google Maps
  • Google reCAPTCHA
  • Google Site Search
  • Google Tag Manager
  • Google OAuth
  • Widgets Google+
  • Headway
  • Widgets Instagram
  • Kissmetrics
  • Widgets LinkedIn
  • Mixpanel
  • Neodata
  • Olark
  • Optimizely
  • Outbrain
  • Widgets PayPal
  • Pingdom
  • Widgets Pinterest
  • Segment
  • Widgets ShareThis
  • Widgets Twitter
  • UserVoice
  • Vimeo
  • YouTube

Instructions

Si vous installez ce plugin pour la première fois, passez directement aux instructions d’installation en cliquant ici.

En revanche, si vous avez installé par le passé une version antérieure du plugin depuis ce site, vous pouvez mettre le plugin à jour pour passer à la dernière version en suivant les étapes ci-dessous.

  1. Vous devez tout d’abord supprimer la version antérieure du plugin. Pour cela, cliquez sur Extensions > Gérer, sélectionnez le plugin et cliquez sur le bouton Désinstaller en haut de la section.
  2. Rendez-vous sur le répertoire officiel des extensions (Joomla! Extension Directory) en cliquant ici et téléchargez le plugin.
  3. Installez-le en suivant les étapes d’installation ci-dessous.

Installation

  • Téléchargez gratuitement notre plugin en cliquant ici.
  • Accédez à votre panneau d’administration (https://exemple.com/admin123/) et connectez-vous.
  • Dans le panneau d’administration, dans le menu Extensions en haut de votre écran, cliquez sur Gérer > Installation.
  • Glissez-déposer l’archive du plugin iubenda ou cliquez sur Choisissez un fichier puis sélectionnez le fichier iubenda sur votre ordinateur.

Activation

  • Cliquez sur Extensions > Gérer > Gérer.
  • Cherchez « iubenda » puis activez le plugin.

Comment ajouter le bandeau cookies et modifier les paramètres

  • Cliquez sur Extensions > Plugins.

  • Cherchez « iubenda » puis cliquez sur le nom du plugin. Voici un aperçu de l’interface :

    Cookie Solution - plugin Joomla!

  • Copiez le code de votre Cookie Solution à partir de la section d’intégration de la Cookie Solution dans votre compte iubenda : Intégrer la Cookie Solution (Si vous n’avez pas encore généré le code de votre Cookie Solution dans votre compte iubenda, vous trouverez plus d’informations sur la façon de procéder dans notre introduction à la Cookie Solution de iubenda.)

  • Cliquez sur Paramètres, collez votre code dans le formulaire du plugin puis sauvegardez : Cookie Solution - plugin Joomla! Pour l’outil d’analyse (« parsing engine »), nous vous recommandons la première option (« primary ») qui sera plus rapide, car elle repose sur du PHP natif. Si vous rencontrez des problèmes, essayez l’alternative qui repose sur une classe HTML personnalisée observée via le DOM.

Depuis votre tableau de bord Joomla!, cliquez sur l’icône Système sur la gauche de votre écran.

Puis, dans le menu « Gérer », sélectionnez Extensions.

Dans la barre de recherche en haut de votre écran, tapez « iubenda » et appuyez sur la touche Entrée de votre clavier.

Cliquez ensuite sur le X à gauche de « iubenda Cookie Solution ».

Et voilà ! Votre iubenda Cookie Solution pour Joomla! est bien activée ! 

Comment ajouter le bandeau cookies et modifier les paramètres

Commencez par copier le code de votre Cookie Solution à partir de la section d’intégration de la Cookie Solution dans votre compte iubenda. Dans votre tableau de bord, sous le titre « Cookie Solution », cliquez sur le bouton <> EMBED .

Ensuite, sous le titre « Intégrer le bandeau cookies », cliquez sur le bouton COPIER à droite de votre code.

(Si vous n’avez pas encore généré le code de votre Cookie Solution dans votre compte iubenda, vous trouverez plus d’informations sur la façon de procéder dans notre introduction à la Cookie Solution de iubenda.)

Rendez-vous ensuite dans votre tableau de bord Joomla! et cliquez sur l’icône Système sur la gauche de votre écran. 

Puis, dans le menu « Gérer », sélectionnez Plugins.

Dans la barre de recherche en haut de votre écran, cherchez « iubenda » et appuyez sur la touche Entrée de votre clavier. Cliquez ensuite sur le nom du plugin « iubenda Cookie Solution ».

Puis, cliquez sur le menu Paramètres à côté du menu Plugin en haut de votre écran.

Faites défiler la page jusqu’à « code iubenda » puis collez le code de votre Cookie Solution depuis votre tableau de bord iubenda dans la zone de texte.

Pour l’outil d’analyse (« parsing engine »), nous vous recommandons de sélectionner la première option (« primary ») qui sera plus rapide, car elle repose sur du PHP natif. Si vous rencontrez des problèmes, essayez l’alternative qui repose sur une classe HTML personnalisée observée via le DOM.

Cliquez ensuite sur « enregistrer et fermer » en haut à gauche de votre écran. C’est tout ! 

Utilisation

Une fois configuré, le plugin affichera le bandeau cookies (qui contiendra un lien vers votre politique relative aux cookies) aux utilisateurs qui visiteront votre site pour la première fois, sans action supplémentaire de votre part. Par ailleurs, ce plugin reconnaîtra, détectera et bloquera automatiquement les cookies présents sur votre site s’ils figurent sur la liste ci-dessus.

Important

Nos plugins Joomla! bloquent automatiquement les scripts générés côté serveur, c’est-à-dire les scripts retournés par PHP par Joomla!. Les scripts insérés par JavaScript après le chargement de la page ne sont pas bloqués automatiquement ni ne peuvent l’être.

Pour bloquer ces scripts, vous avez deux possibilités. La première consiste à indiquer la source du script dans la zone de texte correspondante de la section « Custom scripts » (consacrée aux scripts personnalisés) dans les réglages du plugin. Autrement, vous pouvez utiliser la méthode de balisage manuel illustrée par l’exemple ci-dessous et (de façon plus détaillée) dans cet article de notre documentation.

Blocage des scripts personnalisés depuis les réglages du plugin

La section « Custom scripts » vous permet de bloquer facilement les scripts insérés dans la page, directement depuis les réglages du plugin. Cette méthode réduit considérablement le nombre de modifications à apporter au code de votre site.

Voici la marche à suivre :

  • Dans votre panneau d’administration, cliquez sur Extensions > Plugins.
  • Ensuite, cherchez « iubenda » et cliquez sur le nom du plugin puis sur l’onglet Paramètres en haut de votre écran.
  • Faites défiler la page jusqu’aux champs « Custom scripts » et « Custom iframes » en bas de la page.Champs des scripts et iframes personnalisés de Joomla
  • Indiquez la source des scripts ou des iframes que vous souhaitez bloquer, précisez éventuellement leur catégorie et cliquez sur le bouton Enregistrer et fermer en haut de la page.

Exemples d’utilisation

L’utilisation de ces champs est assez intuitive. Il vous suffit d’indiquer l’attribut src du script ou de l’iframe que vous souhaitez bloquer.

Script

Si vous souhaitez bloquer un bouton de réseau social (qui insère des scripts dans la page via JavaScript), vous devez simplement indiquer la source du script, p.ex. connect.socialwebsite.net/en_US/track.js dans le champ Scripts.

Iframe

Imaginons que vous souhaitez bloquer les scripts insérés dans la page par le biais de l’iframe suivante :

<iframe width="1280" height="720" src="https://www.videowebsite.com/embed/xxFhMChxx" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Vous devrez alors indiquer dans le champ Iframe l’URL videowebsite.com/embed/ qui est la source réelle des scripts. Veillez à ne PAS indiquer l’identifiant du composant (videowebsite.com/embed/xxFhMChxx). En l’omettant, vous vous assurerez de bloquer tous les scripts qui proviennent de la source réelle.

Balisage (méthode manuelle)

Cette méthode vous demande de modifier directement le code de votre site. Vous devrez vous rendre dans la section pertinente du code de votre site et identifier les scripts à bloquer comme indiqué ci-dessous.

Voici un exemple qui montre comment faire fonctionner le plugin manuellement pour un bouton de réseau social (qui insère des scripts dans la page via JavaScript).

<!--IUB-COOKIE-BLOCK-START-->
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.socialwebsite.net/en_US/sdk.js#xfbml=1&version=v2.3&appId=808061959224601";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'socialwebsite-jssdk'));
</script>
<!--IUB-COOKIE-BLOCK-END-->

En présence d’éléments html, img ou iframe, vous devrez procéder comme suit :

<!--IUB-COOKIE-BLOCK-START-->
      <iframe src="...
      <img src="...
<!--IUB-COOKIE-BLOCK-END-->

Si vous avez activé la fonctionnalité de consentement par catégorie, vous devrez préciser la finalité. Reprenons l’exemple du bouton de réseau social, qui relève de la finalité « Amélioration de l’expérience » (identifiant 3) :

<!--IUB-COOKIE-BLOCK-START-PURPOSE-3-->
<script>
    ...
</script>
<!--IUB-COOKIE-BLOCK-END-PURPOSE-3-->

Pour interrompre l’analyse et le remplacement automatique des scripts et des iframes qui contiennent une source définie :

<!--IUB-COOKIE-BLOCK-SKIP-START-->
      <script type="text/javascript">...</script>
<!--IUB-COOKIE-BLOCK-SKIP-END-->

Voir aussi