Vous voulez en savoir plus sur la configuration des
services ? Vous souhaitez ajouter des services personnalisés ?
La documentation est là pour ça.
Services supportés
Analyse d'audience
Les outils d'analyse d'audience qui supporte l'anonymisation des
données (et qui de fait peuvent être déclenchées sans le consentement
préalable de l'internaute) sont indiqués par l'icone
.
- Google Analytics
analytics
analytics-anon
analyticsGA
analyticsGA-anon
Analyse d'audience (gtag
ou ga
)
Anonymisation possible
sous conditions
analytics.google.com
- Matomo
matomo
matomo-anon
Analyse d'audience (anciennement Piwik)
Anonymisation
à configurer côté serveur
fr.matomo.org
- HotJar
hotjar
Analyse d'audience
Anonymisation systématique
help.hotjar.com
- Mautic
mautic
Marketing automation
www.mautic.org
- Facebook Pixel
facebookPixel
Analyse d'audience et ciblage
publicitaire (indissociables)
www.facebook.com/business/learn/facebook-ads-pixel
- Twitter Analytics
twitterPixel
Analyse d'audience (avec ciblage publicitaire possible via
Twitter Ads)
analytics.twitter.com/about
- Xiti
xiti
xiti-anon
Analyse d'audience
Anonymisation possible
www.xiti.com
Partage et réseaux sociaux
- Facebook
facebook
Compteur de likes et de partages
developers.facebook.com/docs/plugins/
- LinkedIn
linkedin
Compteur de partages
docs.microsoft.com/fr-fr/linkedin/consumer/integrations/self-serve/share-on-linkedin
- Pinterest
pinterest
Partage d'image sur Pinterest
developers.pinterest.com/docs/widgets/save/
- Twitter
twitter
Compteur de partages
developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview
- AddThis
addthis
Partage de liens multi-réseaux
www.addthis.com
- AddToAny
addtoany
Partage de liens multi-réseaux
www.addtoany.com
- ShareThis
sharethis
Partage de liens multi-réseaux
sharethis.com/fr/
- DailyMotion
dailymotion
dailymotion-api
API et vidéos intégrées
developer.dailymotion.com
- Vimeo
vimeo
vimeo-api
API et vidéos intégrées
developer.vimeo.com/fr/
- YouTube
youtube
youtube-api
API, vidéos intégrées et statistiques
www.youtube.com/intl/fr/yt/dev/api-resources/
- SoundCloud
soundcloud
soundcloud-api
API et lecteur audio
developers.soundcloud.com/docs/api/html5-widget
Lecteurs de documents
- Calaméo
calameo
Magazines et PDF à feuilleter en ligne
support.calameo.com/hc/fr/sections/201008608-API
- Issuu
issuu
PDF à feuilleter en ligne
developer.issuu.com
- Prezi
prezi
Présentations interactives en ligne
prezi.github.io/prezi-player
- SlideShare
slideshare
Présentations en ligne
fr.slideshare.net/developers
Ciblage publicitaire
discreto n'est pas un bloqueur de publicités, et n'a
aucune vocation à le devenir. Seul le ciblage (qui donne lieu à des
« annonces personnalisées ») est réglementé.
Si vous n'affichez sur votre site que des annonces non personnalisées,
vous n'avez pas à demander le consentement de l'internaute, et n'êtes
pas obliger de déclarer le service dans discreto.
Les services permettant de désactiver les annonces personnalisées au
niveau du compte pour tous les internautes sont indiqués par l'icone
. Pour les autres, l'adresse d'opt-out
est indiquée par l'icone (elle est
également présente dans la description du service lorsque l'internaute
clique sur en savoir plus).
- AdSense
adsense
adsense-optout
Diffusion de contenus publicitaires avec ciblage
Possibilité de
désactiver le ciblage global
adssettings.google.com
developers.google.com/adsense
- AdWords
adwords
Ciblage publicitaire et remarketing
adssettings.google.com
developers.google.com/adwords/api/docs
- Amazon Advertising
amazonAds
Diffusion de contenus publicitaires et ciblage sur Amazon
www.amazon.com/adprefs
advertising.amazon.com/about-api
- Criteo
criteo
Diffusion de contenus publicitaires et ciblage
www.criteo.com/fr/privacy/
support.criteo.com/s/article/360001223829-Introduction-to-the-Criteo-Marketing-API
- Facebook Pixel
facebookPixel
Analyse d'audience et ciblage publicitaire (indissociables)
www.facebook.com/help/568137493302217
www.facebook.com/business/learn/facebook-ads-pixel
- Microsft Advertising
microsoftAds
Diffusion de contenus publicitaires et ciblage (anciennement
Bing Ads)
choice.microsoft.com
docs.microsoft.com/fr-fr/advertising/guides/reference
- Twitter Ads
twitterAds
Diffusion de contenus publicitaires et ciblage sur Twitter
twitter.com/settings/account/personalization
developer.twitter.com/en/docs/ads/general/overview
- Disqus
disqus
Fils de commentaires pour utilisateurs Disqus
disqus.com/api/docs/
- Facebook Comments
facebookComments
Fils de commentaires pour utilisateurs Facebook
developers.facebook.com/docs/plugins/comments/
Divers
- Google Maps
googleMaps
googleMapsAPI
API Google Maps et cartes intégrées
cloud.google.com/maps-platform/maps/
- Google ReCaptcha
recaptcha
recaptchaV2
Validation des formulaire anti-robots
www.google.com/recaptcha/intro/v3.html
- Google Fonts
googleFonts
Utilisation de polices web
developers.google.com/fonts
- Adobe TypeKit
adobeTypekit
Utilisation de polices web
fonts.adobe.com/docs/api
Personnalisé
Si vous utilisez un tracker ou un service qui n'est pas (encore)
supporté, il est toujours possible de le charger via l'une des méthodes
ci-dessous :
- Balise GTM
gtm
Déclenchement d'une balise Google Tag Manager
- Fenêtre intégrée
iframe
Chargement d'une iframe
cachée
- Script
script
Chargement d'un script
Javascript
- HTML
html
Injection d'un code HTML personnalisé (qui peut inclure du code
Javascript)
Configuration avancée
La configuration peut être passée de deux façons :
- dans une variable globale
discretoConf
qui doit être
disponible avant le chargement du script ;
- via la méthode
discreto.start
// Chargement automatique au DOM Ready
window.discretoConf = { CONFIG }
// Ou déclenchement manuel (à appeler après le chargement du script)
discreto.start({ CONFIG })
La configuration peut être :
- un objet Javascript contenant 4 sections (toutes optionnelles) :
gui
- les préférences de l'interface
cookie
- les paramètres du cookie
ids
- les identifiants ou paramètres des
comptes
services
- les services soumis au
consentement
- une URL vers un fichier JSON décrivant l'objet de
configuration :
- URL absolue
"/conf/discreto.json"
- URL relative
"./discreto.json"
- site tiers
"https://domain.tld/discreto.json"
- un pointeur vers une balise GTM contenant la configuration :
- Compte GTM
GTM-XXXXXXX
- Identifiant déclencheur
config
- Résultat
"gtm://GTM-XXXXXXX/config"
Personnalisation de l'interface
Tous les paramètres de l'interface (gui
) sont
optionnels :
gui: {
// Langue par défaut si celle de l'internaute n'est pas supportée
// pour l'instant uniquement français ou anglais
lang: 'fr' | 'en',
// Position de la fenêtre (par défaut en bas à gauche)
pos: 'left' | 'right' | 'center' | 'bottom' | 'banner',
// URL du logo à afficher
logo: false | '/img/logo-discreto.png',
// Obliger l'internaute à répondre
block: false | true,
// Masque complètement à la sauvegarde
hide: false | true,
// Précoche les services à l'affichage des préférences
urge: false | true,
// Affiche après un temps (en secondes) ou un scroll (en pixels)
wait: false | 2 | '100px',
// URL de la feuille de style (par défaut 'auto')
css: 'auto' | '/discreto/discreto.min.css'
}
Configuration du cookie
Tous les paramètres du cookie (cookie
) sont
également optionnels :
cookie: {
// Nom du cookie utilisé (optionnel, par défaut 'discreto')
name: 'discreto',
// Nombre de jours de validité du cookie (par défaut 365)
days: 365,
// Répertoire racine du cookie (par défaut la racine du site, '/')
path: '/',
// Nom du service à utiliser pour les événements (choix, boutons)
// de préférence anonymisé pour être actif par défaut
track: false | 'analytics-anon' | 'matomo-anon',
// Liste des sous-domaines sur lesquels discreto est installé
// et qui partagent les mêmes préférences
wild: [ 'sub1.domain.ltd', 'sub2.domain.ltd' ],
// Activation du point de partage (par défaut non)
share: false,
// URL du point de partage (si le partage est activé)
url: '//cookie.discre.to'
}
Viennent ensuite les identifiants ou paramètres des comptes ou
gestionnaires de tags utilisés (pour les services qui le requièrent).
Seul Matomo nécessite de passer 2 arguments en paramètres : l'URL
et l'ID du site.
ids: {
// ID du compte GTM
gtm: 'GTM-XXXXXXX',
// ID de suivi Analytics
analytics: 'UA-XXXXXXX-Y',
// Configuration Matomo
matomo: {
url: '//matomo.domain.ltd',
id: 1
},
// ID du conteneur HTML (optionnel)
html: 'custom-tracker'
}
Liste des services et paramètres
Enfin, la liste des services utilisés sur le site identifiés par leur
nom de code. Ce code provient soit des services nativement supportés,
soit est choisi de façon unique et préfixé par _
.
Seuls les choix relatifs aux services nativement supportés peuvent
être enregistrés sur discre.to (et repris sur les
sites suivants). Les choix relatifs aux services personnalisés ne sont
conservés que dans le cookie du site consulté.
services: {
'analytics-anon': { OPTS }, // Variante anonymisée d'Analytics
analytics: { OPTS }, // Analytics sans anonymisation
_customTracker: { OPTS } // Tracker personnalisé
}
Chaque service est défini par :
- une ou plusieurs catégories
types
- Analyse d'audience (
audience
), partage et réseaux
(social
), ciblage publicitaire (ads
),
vidéos intégrées (media
), lecteurs de documents
(reader
), fils de commentaires (comments
)
ou autres (misc
)
- un drapeau indiquant le respect de l'anonymat
anon
- Pour indiquer que les données collectées sont anonymisées ou ne
contiennent aucune information personnelle
- un drapeau pour les cookies indispensables
force
- Pour indiquer que certains services sont indispensables au bon
fonctionnement du site
- une méthode de chargement
tag
- Le nom de code de l'API du service ou
gtm
pour une balise
GTM
D'autres paramètres optionnels peuvent aussi être définis :
- un argument pour l'activation du service
load
- La liste des arguments à passer au chargement : événements (pour
l'audience), ID du déclencheur GTM (pour la méthode
gtm
),
URL du script ou de l'<iframe>
, etc.
- un argument pour la sauvegarde des préférences
save
- La liste des arguments à passer lors de la première activation (et à
chaque mise à jour des préférences)
- une liste d'exclusion optionnelle
excl
- La liste des autres services rendus obsolètes (ou en doublon) en cas
d'activation
analytics: {
// Types de service
types: [ 'audience' ],
// Statistiques anonymisée et pas de ciblage
anon: false,
// Cookie indispensable
force: false,
// Identifiant du loader
tag: 'gtm',
// Ici pour GTM, identifiant du déclencheur
load: 'analytics',
// Déclencheur différent lors de la sauvegarde des préférences
save: 'analytics-ip',
// Liste d'exclusion (Analytics rend Analytics anonymisé obsolète)
excl: [ 'analytics-anonymous' ]
}
Vidéos et médias intégrés
Pour les vidéos ou lecteurs de documents intégrées (embed, par
exemple youtube
), l'ajout du service ne suffit pas et
il est nécessaire d'adapter les codes HTML fournis par les plateformes.
Voir la section précédente Balises HTML.
Services personnalisés
Vous pouvez ajouter vos propres services en utilisant l'une des
4 méthodes fournies : gtm
,
iframe
, script
et html
.
Un service personnalisé doit posséder un identifiant unique commençant
par le caractère _
, et disposer d'un titre
(name
) et d'un texte de description (about
,
affiché au clic sur le bouton en savoir plus) :
_customTracker: {
// Titre du service
name: "My Custom Tracker",
// Description détaillée du service
about: "Description du service (finalité, durée de conservation, \
noms des cookies déposés et durée de validité)"
types: [ 'media', 'audience' ],
tag: 'script',
load: 'https://track.domain.ltd/'
}
Il est possible de définir des variantes par langue pour le nom et la
description :
_customTracker: {
// Titre du service
name: { en: "My Custom Tracker", fr: "Mon traceur perso" },
// Description détaillée du service
about: { en: "Yeah yeah", fr: "Oui Oui" },
types: [ 'media', 'audience' ],
tag: 'script',
load: 'https://track.domain.ltd/'
}
Traductions et messages
Si vous souhaitez modifier les textes affichés dans la fenêtre de
consentement, vous pouvez définir un objet global
discretoLocale
qui surchargera les traductions par
défaut.
Référez-vous au code source sur
Github pour connaître l'ensemble des messages,
boutons et titres qu'il est possible de modifier.
window.discretoLocale = {
fr: {
msg: {
first: "Nous respectons votre vie privée, aussi seuls les \
services de statistiques anonymisés ainsi que ceux indispensables \
au bon fonctionnement du site ont été chargés. Vous pouvez Tout \
accepter ou Paramétrer vos choix."
dnt: "Damned, vous avez activer l'option Do Not Track ! \
Nous respectons votre choix et aucun service collectant des données \
n'a encore été activé. Choisissez de naviguer Discreto, cela nous \
permettra d'avoir tout de même des statistiques anonymisées de \
votre visite !"
// Les textes des autres messages sont inchangés
},
btns: {
discreto: "Va pour discreto",
prefs: "Fais voir les choix",
cognito: "Yes, j'accepte tout !"
// Les intitulés des autres boutons sont inchangés
}
}
}
Thème personnalisé
Si vous souhaitez modifier l'apparence de la popup, vous pouvez
utiliser votre propre feuille de style CSS (en indiquant son chemin
dans l'option gui.css
).
Référez-vous au thème par défaut (en Sass
) sur
Github pour créer le vôtre.