En direct au téléphone
04 28 31 18 12
Blog

Éditeurs : dites non au projet de loi Renseignement !

Dernier Edit : 16h24 (29/04/2015)

Pour agir à ma façon contre le projet de loi Renseignement j'ai décidé de partager un code JS aux éditeurs de sites. Code vous permettant d'informer les internautes visitant vos sites sur cette loi !

Pour ceux qui ne l'auraient pas vu passer malgré tout le bruit qu'a fait ce projet de loi, sachez que le 5 mai sera soumise au vote une loi liberticide pour tous les Français. Et qui permettra de légaliser bien des choses qui vont à l'encontre du terme liberté dans "liberté, égalité, fraternité... Entre autres : légalisations de boites noires placées chez les FAI pour espionner tous nos faits et gestes sur Internet, un projet qualifié de "SURVEILLANCE DE MASSE" par de nombreuses organisations, "cela ne doit en aucun cas, vu le caractère sensible de la matière au regard de la protection des droits et libertés fondamentaux, se faire dans l’urgence et la précipitation" dixit le CNCDH, etc.

Histoire de ne pas refaire l'histoire (comme ce n'est pas le sujet de cet article), vous pouvez parcourir ces liens pour vous informer et vous faire votre opinion sur le sujet :

Si vous lisez ces lignes, il y a de grandes chances que vous ayez un site Web générant du trafic. Pour vous, et pour vous faciliter la tâche, afin d'agir contre cette loi j'ai mis en place un système simple qui vous permettra d'afficher un bandeau sur votre site. Un simple code HTML qui charge un fichier Javascript et qui vous permet d'obtenir un affichage similaire à celui présent sur ce site.

Deux solutions s'offrent à vous si vous souhaitez agir dans ce sens :

  1. Inclure le code ci-dessous sur votre site et le customiser comme bon vous semble. Il peut être inclus à peu près n'importe où sur votre site.
  2. Copier/coller le code du fichier Javascript appelé normalement et faire votre propre tambouille directement sur votre serveur.

Edit (29/04 12h05) : pour ceux disposant d'un site en https : pour l'instant vous devez utiliser la méthode 2 : télécharger ce fichier (ou sa version minifiée), le placer sur votre serveur et l'inclure avec le même code que ci-dessus, mais en changeant le SRC pour une URL hébergée sur votre site HTTPs sinon il vous suffit d'inclure dans votre page ce code prêt à l'emploi sans include JS et avec une image en base64: http://mickael.info/renseignement/https-inline-code.txt.

Le code qui s'installe en 30 secondes

Il vous suffit de copier/coller ce code n'importe où entre <body> et </body> (préférentiellement juste avant le </body>) et ça fonctionne !

<script type="text/javascript">
(function () {
__qrenseign = {
'type': 'fixedtop',
'mobile': 0,
'close': 1,
'layer': 0,
'href': 'http://renseignement.agir.tv/sous-surveillance/'
};
var _qren = document.createElement('script');
_qren.type = 'text/javascript';
_qren.charset = 'utf-8';
_qren.async = true;
_qren.src = '//renseignement.agir.tv/amin.js';
var __qren = document.getElementsByTagName('script')[0];
__qren.parentNode.insertBefore(_qren, __qren);
})();
</script>

Ce code va : charger le fichier distant accessible en version full et en version minifiée.

Il est entièrement customisable en modifiant les valeurs affectées à "type", "mobile", "href", "layer", "close" et/ou "custom".

  • type peut avoir les valeurs suivantes : 'fixedtop', 'fixedbottom', 'onscrollfixedtop'. Le onscrollfixedtop ne se déclenche qu'au scroll.
  • mobile peut avoir les valeurs suivantes : 1 ou 0. A 1 l'affichage sera présent sur mobile. A 0 l'affichage ne se fera pas sur mobile.
  • layer peut avoir les valeurs suivantes : 1 ou 0. S'il est à 1 alors il viendra "cacher" le header du site. S'il est à 0 il viendra se poser au-dessus du header du site (on rajoute du padding sur le body).
  • close peut avoir les valeurs suivantes : 1 ou 0. Pour afficher (1) ou non le lien pour supprimer la bannière.
  • href vous permet de choisir la cible du lien sur la bannière. Vous pouvez décider de mettre un article qui vous a plus parlé qu'un autre, ou une page sur votre site... Le but est de parler à vos internautes ! L'URL mise dans l'extrait "http://renseignement.agir.tv/sous-surveillance/" étant en redirection 301 vers le site sous-surveillance.fr (permets de tracker les clics sur la bannière). Mais vous pouvez mettre un lien direct si vous le souhaitez.
  • custom vous permet de remplacer l'affichage par le code HTML de votre choix. Vous pouvez par exemple choisir d'utiliser une des autres images disponibles ici : https://wiki.laquadrature.net/PJL_relatif_au_renseignement/PJL_renseignement_campagne

Avec custom, vous pouvez par exemple ajouter une phrase en dessous de la bannière ce qui donnerait :

<div style="text-align:center;color:#fff;"><a href="https://sous-surveillance.fr/"><img src="//renseignement.agir.tv/Pjl_rens_banner2.png" alt="" /></a><br/>Le 5 mai, si la loi renseignement passe tous vos faits et gestes seront surveillés sur Internet.<br/><a href="javascript:void(0);" onClick="closeMyEyes(); return false;" style="color:#fff;">Je ferme les yeux sur mes libertés</a> - <strong><a href="https://sous-surveillance.fr/" style="color:#fff;" target="_blank">J'ouvre les yeux</a></strong></div>

Le code est certainement optimisable, mais il a le mérite d'être fonctionnel. Aussi si vous avez des remarques ou suggestions n'hésitez pas à me contacter. J'attends vos feedbacks pour implémenter telle ou telle chose (par ex : mettre des cookies pour ne pas forcer l'affichage a tout le monde)

N'hésitez pas à venir checker cette page de temps en temps pour suivre les updates si vous mettez le code en place ou à me suivre sur Twitter (@mbimagika).

Me suivre sur Twitter

CV

Formation

  • DUT Génie Informatique
  • Licence ATC Web
  • Master II en Ecole de Journalisme

Compétences

  • Consultant Webmarketing
  • Consultant SEO
  • Formateur SEO
  • SEA / Adwords
  • Référenceur Web indépendant
  • Développeur de solutions
  • Optimisateur de process
  • Domaineur débrouillard
  • Enseignant vacataire

Prestations

  • Audit de référencement
  • Audit concurentiel
  • Netlinking
  • Stratégie de référencement
  • Formation au référencement
  • Veille SEO
  • Consulting Web

Des années d'expérience à votre service. Analyser, Optimiser et Accompagner.

RESEAUX SOCIAUX
agence de communication aix en provence