Custom service deny FR

Fonction - cookies refusé

La fonction suivante s'exécute automatiquement lorsque l'utilisateur refuse les cookies ou qu'il ne les a pas encore acceptés :

"fallback": function () {
  "use strict";
  // when user deny cookie
}

Cette fonction a plusieurs utilités, comme par exemple, modifier le HTML pour supprimer les espaces blanc qui sont, normalement, occupé par un script que l'utilisateur a choisi de bloquer (comme des pubs).

Mais dans ce cas il s'agit de js basique, nous allons plutôt nous attarder sur les possibilités qu'offre tarteaucitron.

Dans le cas ou l'utilisateur est sur une page qui nécessite un script qu'il à bloquer, tarteaucitron.fallback() permet de facilement lui proposer d'activer le script afin d'utiliser les services du site.

tarteaucitron.fallback()

Prenont l'exemple d'un site qui propose d'afficher la météo à l'utilisateur. Imaginont que ce site utilise une api qui dépose des cookies pour afficher la météo et que l'utilisateur a choisi de bloquer les cookies.

Comme le script est bloqué l'utilisateur ne peut plus accéder à la météo, il est donc impératif de lui proposer d'activer le script !

Pour sa, rien de plus simple, il suffit de créer une div dans laquelle afficher le message :

<!-- Fichier HTML -->
<div class="myServiceError"></div>

Et enfin dans la fonction fallback de notre service :

"fallback": function () {
  "use strict";
  var id = 'mycustomservice';
  tarteaucitron.fallback(['myServiceError'], tarteaucitron.engage(id));
}

De cette façons dans la div ce placera automatiquement un message "mycustomservice est désactivé" suivi d'un bouton "Autorisé".

Note :

Si l'utilisateur clique sur "Autorisé", le message d'erreur reste visible, il faut donc vider la div parent dans la fonction appelé lorsque les cookies sont acceptés :

"js": function () {
  "use strict";
  // Quand l'utilisateur accepte les cookies
  document.getElementByClassName('myServiceError').innerHTML = '';
},

Et voilà le message s'active et se désactive automatiquement !

---

Page Prècedente - Page suivante