Add new file

script.js

+/* ============
+	DETECTION
+============*/
+
+// Liste des expressions qu'on se dit révéler un tracker
+var trackers = [
+	"google-analytics",
+	"googletagmanager.com",
+];
+
+// Récupère tout le contenu de la page en mode bon gros bourrin oué oué ^_^
+function getContent()
+{
+	var content = "";
+	var nodes = document.childNodes;
+	for (var i = 0; i < nodes.length; i++)
+	{
+		var c = nodes[i].innerHTML;
+		if (c != 'undefined')
+			content += c;
+	}
+	return content;
+}
+
+// Renvoie true si un tracker est trouvé dans la chaîne
+function detect(string)
+{
+	for (var i = 0; i < trackers.length; i++)
+	{
+		if (string.indexOf(trackers[i]) !== -1)
+			return true;
+	}
+	return false;
+}
+
+// Active le drapeau si un tracker est trouvé sur la page
+function scan()
+{
+	if(detect(getContent()))
+	{
+		// Utilise requestionAnimation pour éviter que le drapeau se déplie alors que l'onglet n'est pas ouvert
+		window.requestAnimationFrame(flag);
+	}
+}
+
+scan();
+// setTimeout(scan, 2000);
+
+/* ============
+	PRESENTATION
+============*/
+
+// Le drapeau
+var 	div = document.createElement("div");
+		div.innerHTML = "<b>Google sait</b> que tu es <br> en train de visiter ce site";
+		div.className = "flag";
+document.body.appendChild(div);
+
+// Depliment du drapeau
+var count = 0;
+
+function flag()
+{
+	count ++;
+	
+	if (count == 10)
+		div.className += " show";
+		
+	if (count == 60 * 3)
+		div.className = "flag";
+		
+	if (count < 60*3)
+		window.requestAnimationFrame(flag);		
+}
+
+// CSS
+var style = document.createElement("STYLE");
+var t = document.createTextNode(".flag {background: #f2563c; color: white; position: fixed; top: 60px; font-size: 16px; line-height: 20px; text-align: left; padding: 10px; z-index: 10000; font-family: sans; height: 40px; box-sizing: content-box; left: -1000px; transition: 3s;} .show {transition: .5s; left: 0px;} .flag:after { content: ''; width: 0; height: 0; border-top: 30px solid #f2563c; border-right: 30px solid transparent; position: absolute; top: 0; border-bottom: 30px solid #f2563c; right: -30px;}");
+	style.appendChild(t);
+	document.head.appendChild(style);