Installation
Phrase à rajouter dans la politique de protection des cookies Vous pouvez modifier vos choix à tout moment en <a href="javascript:dxlabsCookieOpen();">cliquant ici</a> Script à rajouter juste après le Body <div id="NameOfMyCookie"></div><script type="text/javascript" src="//cookie.dxlabs.fr/php/script.php?id=1&lang=fr"></script> Paramètres supplémentaires id : identifiant unique (exemple: id=45666) lang : code iso de la lang d'utilisation (exemple: lang=fr) logo : url https du logo du site (exemple: logo=https://www.monsite.tld/media/logo.png) linkColor : code hexadécimal de la couleur (exemple: linkColor=ff0000); urlPolitique : url https de la politique d'accès aux données permettant de changer le paramétrage (exemple: urlPolitique=https://monsite.tld/polique-protection.html) cookie : nom du cookie ou seront stocké les informations (exemple: cookie=NameOfMyCookie) typo : taille de la police (small|medium|high) (exemple: typo=small|medium|high) typoSize : taille de la police (nombre en pixel) (exemple: typoSize=14) backgroundColor : code hexadécimal de la couleur. (exemple: backgroundColor=000000) - seulement disponible pour template = 2; template : template utilisé pour le bandeau. (exemple: template=2 - par défaut le template vaut 1) marginBottom : activer le margin automatique en pied de page. (valeurs 0 ou 1 // par défaut vaut 0, paramètre actif uniquement pour le template 2) txtColor : modifier la couleur du texte. (exemple: txtColor=000000, paramètre actif uniquement pour le template 3)
Templates concernés actuellement : 2, 3, 4, 5, 6
| Nom paramètre | Détails | Templates utilisant ces paramètres | Exemple |
|---|---|---|---|
| id | Identifiant unique | 5 | id=45666 |
| lang | Code iso de la langue d'utilisation | 5 | lang=fr |
| logo | URL https du logo | 5 | logo=https://www.monsite.tld/media/logo.png |
| image | URL https image | 6 & 6.1 | image=https://www.monsite.tld/media/logo.png |
| pos_image | Position de l'image | 6 & 6.1 | image=bottom_left ou top_right ou top_left ou float_right ou start_txt |
| linkColor | Code hexadécimal de la couleur des liens et des boutons | 5 | linkColor=ff0000 |
| cookie | Nom du cookie où seront stocké les informations | 5 | cookie=NameOfMyCookie |
| typoSize | taille de la police (nombre en pixels | 5 | typoSize=14 |
| backgroundColor | Code hexadécimal de la couleur du fond du bandeau | 5 | backgroundColor=000000 |
| template | Template utilisé pour le bandeau | 5 | template=5 |
| txtColor | Code hexadécimal de la couleur du texte principal | 5 | txtColor=000000 |
| deniedDuration | Nombre de minutes avant de redemander le consentement de l'utilisateur en cas de refus d'un seul ou de tous les cookies (30 minutes par défaut) | 5 | deniedDuration=30 |
| acceptedDuration | Nombre de jours avant de redemander le consentement de l'utilisateur en cas d'acceptation de tous les cookies (31 jours par défaut) | 5 | acceptedDuration=29 |
Cet objet facultatif est à insérer dans GTM dans les balises script afin de modifier les textes et styles du bandeau, laissez le texte à "" ou à null si vous ne souhaitez pas l'éditer. Laissez le style à "" si vous ne souhaitez pas l'éditer.
var gtmObject = {
bandeau: {
textes: {
title: { // effectif sur le template 6 (& 6.1) uniquement
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
},
btn_accepted: {
fr: "",
en: "",
es: "",
de: ""
},
btn_refused: {
fr: "",
en: "",
es: "",
de: ""
},
btn_settings: {
fr: "",
en: "",
es: "",
de: ""
},
},
style:{
buttons:{ // codes hexadécimaux ou rgba ou rgb
accept:{
background_color: "",
text_color: "",
border_color: "",
},
refuse:{
background_color: "",
text_color: "",
border_color: "",
},
settings:{
background_color: "",
text_color: "",
border_color: "",
},
},
background: {
visible: true, // fond visible par défaut - ce paramètre ne fonctionne pas pour le template 3
background_color: "", // rgba afin d'avoir de l'opacité sur le fond
},
container:{
background_color: "", // rgba afin d'avoir de l'opacité sur le fond
color: "",
text_max_width: "" // valeur en %, par exemple "text_max_width: 50" pour 50%
}
}
},
popin: {
textes: {
titre: {
fr: "",
en: "",
es: "",
de: ""
},
btn_accept_all: {
fr: "",
en: "",
es: "",
de: ""
},
btn_save: {
fr: "",
en: "",
es: "",
de: ""
},
navigation: {
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
},
liste: [
{
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
}
},
{
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
}
},
],
},
personnalisation: {
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
},
liste: [],
},
analytique: {
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
},
liste: [],
},
publicitaire: {
titre: {
fr: "",
en: "",
es: "",
de: ""
},
description: {
fr: "",
en: "",
es: "",
de: ""
},
liste: [],
},
},
style:{
buttons:{ // codes hexadécimaux ou rgba ou rgb
accept:{
background_color: "",
text_color: "",
border_color: "",
},
save:{
background_color: "",
text_color: "",
border_color: "",
},
},
}
}
}
Remplacer src="https://www.youtube.com" par data-src="https://www.youtube.com" pour être en conformité avec les RGPD sur les iframes introduisant l'utilisation de cookies (notamment YouTube)
Exemple :