Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

corrected a few typos #15

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

corrected a few typos #15

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
39e220e
corrected a few typos
gsmartagence Oct 13, 2018
ea6f135
corrected a few typos
egidioFrat Oct 13, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
151 changes: 73 additions & 78 deletions Tag_google_analytics.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,22 @@
var tagAnalyticsCNIL = {}

tagAnalyticsCNIL.CookieConsent = function() {
// Remplacez la valeur UA-XXXXXX-Y par l'identifiant analytics de votre site.
tagAnalyticsCNIL.CookieConsent = function () {
// Remplacez la valeur UA-XXXXXX-Y par l’identifiant analytics de votre site.
var gaProperty = 'UA-XXXXXX-Y '
// Désactive le tracking si le cookie d’Opt-out existe déjà.
var disableStr = 'ga-disable-' + gaProperty;
var firstCall = false;
var domaineName = '';

//Cette fonction retourne la date d’expiration du cookie de consentement

function getCookieExpireDate() {
var cookieTimeout = 33696000000;// Le nombre de millisecondes que font 13 mois
// Retourne la date d’expiration du cookie de consentement
function getCookieExpireDate() {
var cookieTimeout = 33696000000;// Le nombre de millisecondes que font 13 mois
var date = new Date();
date.setTime(date.getTime()+cookieTimeout);
var expires = "; expires="+date.toGMTString();
return expires;
}

function getDomainName() {
if (domaineName != '') {
return domaineName;
Expand All @@ -28,55 +27,55 @@ tagAnalyticsCNIL.CookieConsent = function() {
return hostname;
}
}
//Cette fonction définie le périmétre du consentement ou de l'opposition (en fonction du domaine)
//Par défaut nous considérons que le domaine est tout ce qu'il y'a aprés "www"

// Définit le périmètre du consentement ou de l’opposition (en fonction du domaine)
// Par défaut nous considérons que le domaine est tout ce qu’il y a après « www »
function getCookieDomainName() {
var hostname = getDomainName();
var domain = "domain=" + "."+hostname;
return domain;
}


//Cette fonction vérifie si on a déjà obtenu le consentement de la personne qui visite le site
// Vérifie si l’on a déjà obtenu le consentement du visiteur du site
function checkFirstVisit() {
var consentCookie = getCookie('hasConsent');
if ( !consentCookie ) return true;
var consentCookie = getCookie('hasConsent');
if ( !consentCookie ) return true;
}

//Affiche une banniére d'information en haut de la page
function showBanner(){
// Affiche une bannière d’information en haut de page
function showBanner(){
var bodytag = document.getElementsByTagName('body')[0];
var div = document.createElement('div');
div.setAttribute('id','cookie-banner');
div.setAttribute('width','70%');
// Le code HTML de la demande de consentement
// Vous pouvez modifier le contenu ainsi que le style
div.innerHTML = '<div style="background-color:#fff;text-align:center;padding:5px;font-size:12px;border-bottom:1px solid #eeeeee;" id="cookie-banner-message" align="center">Ce site utilise Google Analytics.\
div.innerHTML = '<div style="background-color:#fff;text-align:center;padding:5px;font-size:12px;border-bottom:1px solid #eeeeee;" id="cookie-banner-message" align="center">Ce site utilise Google Analytics.\
En continuant à naviguer, vous nous autorisez à déposer un cookie à des fins de \
mesure d\'audience. \
<a href="javascript:tagAnalyticsCNIL.CookieConsent.showInform()" style="text-decoration:underline;"> En savoir plus ou s\'opposer</a>.</div>';
bodytag.insertBefore(div,bodytag.firstChild); // Ajoute la banniére juste au début de la page
document.getElementsByTagName('body')[0].className+=' cookiebanner';
mesure d’audience. \
<a href="javascript:tagAnalyticsCNIL.CookieConsent.showInform()" style="text-decoration:underline;">En savoir plus ou s’opposer</a>.</div>';
bodytag.insertBefore(div,bodytag.firstChild); // Ajoute la bannière au tout début de la page
document.getElementsByTagName('body')[0].className+=' cookiebanner';
createInformAndAskDiv();
}
// Fonction utile pour récupérer un cookie a partire de son nom


// Récupérer un cookie à partir de son nom
function getCookie(NameOfCookie) {
if (document.cookie.length > 0) {
if (document.cookie.length > 0) {
begin = document.cookie.indexOf(NameOfCookie+"=");
if (begin != -1) {
begin += NameOfCookie.length+1;
end = document.cookie.indexOf(";", begin);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(begin, end));
return unescape(document.cookie.substring(begin, end));
}
}
return null;
}

//Récupère la version d'Internet Explorer, si c'est un autre navigateur la fonction renvoie -1
// Récupère la version d’Internet Explorer, si c’est un autre navigateur la fonction renvoie -1
function getInternetExplorerVersion() {
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer') {
Expand All @@ -93,51 +92,47 @@ tagAnalyticsCNIL.CookieConsent = function() {
return rv;
}

//Effectue une demande de confirmation de DNT pour les utilisateurs d'IE
// Effectue une demande de confirmation de DNT (Do Not Track) pour les utilisateurs d’IE
function askDNTConfirmation() {
var r = confirm("La signal DoNotTrack de votre navigateur est activé, confirmez vous activer la fonction DoNotTrack?")
var r = confirm('L’option « Do Not Track » de votre navigateur est activée, confirmez-vous l’activation de cette fonction de refus de pistage publicitaire&nbsp;?')
return r;
}

//Vérifie la valeur de navigator.DoNotTrack pour savoir si le signal est activé et est à 1
// Vérifie la valeur de navigator.doNotTrack pour savoir si le signal est activé et est à 1
function notToTrack() {
if ( (navigator.doNotTrack && (navigator.doNotTrack=='yes' || navigator.doNotTrack=='1')) || ( navigator.msDoNotTrack && navigator.msDoNotTrack == '1') ) {
var isIE = (getInternetExplorerVersion()!=-1)
if (!isIE){
if (!isIE) {
return true;
}else {
} else {
return askDNTConfirmation();
}
return false;
}
}

//Si le signal est à 0 on considére que le consentement a déjà été obtenu
// Si le signal est à 0 on considère que le consentement a déjà été obtenu
function isToTrack() {
if ( navigator.doNotTrack && (navigator.doNotTrack=='no' || navigator.doNotTrack==0 )) {
return true;
}
}

// Fonction d'effacement des cookies
function delCookie(name ) {
var path = ";path=" + "/";




var expiration = "Thu, 01-Jan-1970 00:00:01 GMT";
// Effacement des cookies
function delCookie(name) {
var path = ";path=" + "/";
var expiration = "Thu, 01-Jan-1970 00:00:01 GMT";
document.cookie = name + "=" + path +" ; "+ getCookieDomainName() + ";expires=" + expiration;
}
// Efface tous les types de cookies utilisés par Google Analytics

// Efface tous les types de cookies utilisés par Google Analytics
function deleteAnalyticsCookies() {
var cookieNames = ["__utma","__utmb","__utmc","__utmz","_ga","_gat"]
for (var i=0; i<cookieNames.length; i++)
delCookie(cookieNames[i])
}

//La fonction qui informe et demande le consentement. Il s'agit d'un div qui apparait au centre de la page
// Informe et demande le consentement. Il s’agit d’un élément « div » qui apparaît au centre de la page
function createInformAndAskDiv() {
var bodytag = document.getElementsByTagName('body')[0];
var div = document.createElement('div');
Expand All @@ -150,34 +145,34 @@ tagAnalyticsCNIL.CookieConsent = function() {
// Le code HTML de la demande de consentement
// Vous pouvez modifier le contenu ainsi que le style
div.innerHTML = '<div style="width: 300px; background-color: white; repeat scroll 0% 0% white; border: 1px solid #cccccc; padding :10px 10px;text-align:center; position: fixed; top:30px; left:50%; margin-top:0px; margin-left:-150px; z-index:100000; opacity:1" id="inform-and-consent">\
<div><span><b>Les cookies Google Analytics</b></span></div><br><div>Ce site utilise des cookies de Google Analytics,\
ces cookies nous aident à identifier le contenu qui vous interesse le plus ainsi qu\'à repérer certains \
<div><span><b>Les cookies Google Analytics</b></span></div><br><div>Ce site utilise des cookies de Google Analytics,\
ces cookies nous aident à identifier le contenu qui vous interesse le plus ainsi qu’à repérer certains \
dysfonctionnements. Vos données de navigations sur ce site sont envoyées à Google Inc</div><div style="padding :10px 10px;text-align:center;"><button style="margin-right:50px;text-decoration:underline;" \
name="S\'opposer" onclick="tagAnalyticsCNIL.CookieConsent.gaOptout();tagAnalyticsCNIL.CookieConsent.hideInform();" id="optout-button" >S\'opposer</button><button style="text-decoration:underline;" name="cancel" onclick="tagAnalyticsCNIL.CookieConsent.hideInform()" >Accepter</button></div></div>';
bodytag.insertBefore(div,bodytag.firstChild); // Ajoute la banniére juste au début de la page
name="S’opposer" onclick="tagAnalyticsCNIL.CookieConsent.gaOptout();tagAnalyticsCNIL.CookieConsent.hideInform();" id="optout-button" >S’opposer</button><button style="text-decoration:underline;" name="cancel" onclick="tagAnalyticsCNIL.CookieConsent.hideInform()">Accepter</button></div></div>';
bodytag.insertBefore(div,bodytag.firstChild); // Ajoute la bannière au tout début de la page
}



function isClickOnOptOut( evt) { // Si le noeud parent ou le noeud parent du parent est la banniére, on ignore le clic

function isClickOnOptOut( evt) { // Si le nœud parent ou le nœud parent du parent est la bannière, on ignore le clic
return(evt.target.parentNode.id == 'cookie-banner' || evt.target.parentNode.parentNode.id =='cookie-banner' || evt.target.id == 'optout-button')
}

function consent(evt) {
if (!isClickOnOptOut(evt) ) { // On vérifie qu'il ne s'agit pas d'un clic sur la banniére
if (!isClickOnOptOut(evt) ) { // On vérifie qu’il ne s’agit pas d’un clic sur la bannière
if ( !clickprocessed) {
evt.preventDefault();
document.cookie = 'hasConsent=true; '+ getCookieExpireDate() +' ; ' + getCookieDomainName() + ' ; path=/';
document.cookie = 'hasConsent=true; '+ getCookieExpireDate() +' ; ' + getCookieDomainName() + ' ; path=/';
callGoogleAnalytics();
clickprocessed = true;
window.setTimeout(function() {evt.target.click();}, 1000)
}
}
}
}

// Cette fonction en test permet de faire une call GA afin de pouvoir compter le nombre de visite sans faire de suivi des utilisateurs (fonction en cours de test)
// Cela crée un evenement page qui est consultable depuis le panneau evenement de GA
// Potentiellement cette méthode pourrait être utilisé pour comptabiliser les click sur l'opt-out
// Cette fonction en cours de test permet de faire un appel GA afin de pouvoir compter le nombre de visites sans faire de suivi des utilisateurs
// Cela crée un évènement « page » qui est consultable depuis le panneau evenement de GA
// Cette méthode pourrait être utilisée pour comptabiliser les clics sur l’opt-out
function callGABeforeConsent() {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
Expand All @@ -189,7 +184,7 @@ tagAnalyticsCNIL.CookieConsent = function() {
}


// Tag Google Analytics, cette version est avec le tag Universal Analytics
// Tag Google Analytics, cette version est dite « Universal Analytics »
function callGoogleAnalytics() {
if (firstCall) return;
else firstCall = true;
Expand All @@ -202,48 +197,47 @@ tagAnalyticsCNIL.CookieConsent = function() {
}

return {
// La fonction d'opt-out
gaOptout: function() {
document.cookie = disableStr + '=true;'+ getCookieExpireDate() + ' ; ' + getCookieDomainName() +' ; path=/';

// La fonction d’opt-out
gaOptout: function() {
document.cookie = disableStr + '=true;'+ getCookieExpireDate() + ' ; ' + getCookieDomainName() +' ; path=/';
document.cookie = 'hasConsent=false;'+ getCookieExpireDate() + ' ; ' + getCookieDomainName() + ' ; path=/';
var div = document.getElementById('cookie-banner');
// on considère que le site a été visité
// On considère que le site a été visité
clickprocessed = true;
// Ci dessous le code de la bannière affichée une fois que l'utilisateur s'est opposé au dépot
// Ci-dessous le code de la bannière affichée une fois que l’utilisateur s’est opposé au dépôt
// Vous pouvez modifier le contenu et le style
if ( div!= null ) div.innerHTML = '<div style="background-color:#fff;text-align:center;padding:5px;font-size:12px;border-bottom:1px solid #eeeeee;" id="cookie-message"> Vous vous êtes opposé \
au dépôt de cookies de mesures d\'audience dans votre navigateur </div>'
window[disableStr] = true;
deleteAnalyticsCookies();
},

showInform: function() {

showInform: function() {
var div = document.getElementById("inform-and-ask");
div.style.display = "";
},
hideInform: function() {


hideInform: function() {
var div = document.getElementById("inform-and-ask");
div.style.display = "none";
var div = document.getElementById("cookie-banner");
div.style.display = "none";
},


start: function() {
//Ce bout de code vérifie que le consentement n'a pas déjà été obtenu avant d'afficher
// la bannière
// Cette portion de code vérifie que le consentement n’a pas déjà été obtenu avant d’afficher la bannière
var consentCookie = getCookie('hasConsent');
clickprocessed = false;
if (!consentCookie) {//L'utilisateur n'a pas encore de cookie, on affiche la banniére et si il clique sur un autre élément que la banniére, on enregistre le consentement
if ( notToTrack() ) { //L'utilisateur a activé DoNotTrack. Do not ask for consent and just opt him out
clickprocessed = false;
if (!consentCookie) { // L’utilisateur n’a pas encore de cookie, on affiche la banniére et si il clique sur un autre élément que la bannière, on enregistre le consentement
if ( notToTrack() ) { // L’utilisateur a activé DoNotTrack. Do not ask for consent and just opt him out
tagAnalyticsCNIL.CookieConsent.gaOptout()
alert("You've enabled DNT, we're respecting your choice")
alert("You’ve enabled DNT, we’re respecting your choice")
} else {
if (isToTrack() ) { //DNT is set to 0, no need to ask for consent just set cookies
if (isToTrack() ) { // DNT is set to 0, no need to ask for consent just set cookies
consent();
} else {
if (window.addEventListener) { // See note https://github.com/CNILlab/Cookie-consent_Google-Analytics/commit/e323b3be2c4a4d05300e35cdc11102841abdcbc9
Expand All @@ -258,12 +252,13 @@ tagAnalyticsCNIL.CookieConsent = function() {
}
}
} else {
if (document.cookie.indexOf('hasConsent=false') > -1)
if (document.cookie.indexOf('hasConsent=false') > -1)
window[disableStr] = true;
else
else
callGoogleAnalytics();
}
}

}

}();
Expand Down