Skip to content
Extraits de code Groupes Projets
index.html 12,7 ko
Newer Older
nono's avatar
nono a validé
<!DOCTYPE html>
<html lang="fr-FR">
<head>
    <meta charset="UTF-8">
    <title>Bloque la pub</title>
    <link rel="stylesheet" id="style-css"  href="style.css" type="text/css" media="all" />
</head>

<body>
<div id="header">
    <img id="title" src="titre.svg" alt="BLOQUE LA PUB SUR INTERNET"/><!-- desktop logo-->
    <img id="title2" src="titre2.svg" alt="BLOQUE LA PUB SUR INTERNET"/><!-- mobile logo -->
    <img id="passele" src="passele.svg" alt="ET PASSE LE BLOQUEUR À TES VOISIN·E·S"/>
nono's avatar
nono a validé
</div>
<div id="container">
	<div class="content">
        <h1>Pourquoi bloquer ?</h1>
            <div>La publicité pollue nos écrans, nos pensées et nous impose une vision stéréotypée de la société.<br>
            Elle ralentit l'affichage des autres contenus et consomme de l'énergie inutilement.<br></br>
            Elle rend dépendants la presse, les créatrices et créateurs, vidant nos médias de leur diversité.<br>
            Elle surveille toutes nos actions en ligne pour déceler nos faiblesses et nous pousser à surconsommer.<br><br>

            Pour  ton esprit, ta planète, ta culture et ta vie privée, bloque la pub sur Internet.<br>
            Et pour ceux de tes copin·e·s, passe le bloqueur à tes voisin·e·s.
nono's avatar
nono a validé
		</div>
		
		
		
		<h1>Comment bloquer ?</h1>
		Pour bloquer la publicité en ligne, nous vous conseillons d'installer le bloqueur uBlock Origin. 
		<div class="centerimg">
			<img src="img/UBlock_Origin.png" />
		</div>
		Si vous utilisez déjà "AdBlock+" sur votre navigateur, nous vous invitons à le désinstaller au profit de uBlock Origin, car AdBlock a passé des accords avec certaines entreprises publicitaires pour <a href="https://adblockplus.org/en/acceptable-ads">ne pas tout bloquer</a>.
		<h2>Sur ordinateur</h2>
		Pour une navigation plus respectueuse de vos données personnelles, nous vous recommandons d'installer <a href="https://www.mozilla.org/fr/firefox/new/">firefox</a>.
			<div class="boite">
				<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">
					<h5>uBlock Origin pour firefox</h5>
					<img src="img/firefoxublock.png" />
				</a>
			</div>
		<p>Si vous ne souhaitez pas changer de navigateur, uBlock Origin existe aussi pour <a href=" https://chrome.google.com/webstore/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">chrome</a>,
		<a href=" https://addons.opera.com/extensions/details/ublock/">opéra</a>, 
		et <a href=" https://www.microsoft.com/store/p/app/9nblggh444l4">edge</a>, </a>(attention, face aux pressions de Google, <a href="https://www.eff.org/fr/deeplinks/2021/12/chrome-users-beware-manifest-v3-deceitful-and-threatening">il est possible que cela ne soit bientôt plus le cas)</a>.</p>
		<h4>Configurer ublock Origin</h4>
		Une fois uBlock Origin installé, la plupart des publicités en ligne sont bloquées, mais le module peut être configuré pour limiter encore plus la surveillance.<br><br>
		
		Pour cela : 
		<div class="centerimg">
			<img style="width:200px" src="img/configuBlock.png" />
		</div>
		<strong>1.</strong> cliquez sur le bouclier uBlockOrigin<br>
		<strong>2.</strong> cliquez sur paramètres<br>
		<div class="centerimg">
			<img style="width:100%;" src="img/configuBlock2.png" />
		</div>
		<strong>3.</strong> allez dans l’onglet « listes de filtres »<br>
		<strong>4.</strong> cochez les cases des listes « confidentialité » et « nuisances ».<br>
		<strong>5.</strong> enfin, cliquez sur "appliquer" <br><br>
		
		Si un site utilisé fonctionne mal, il est facile de désactiver temporairement le module en cliquant sur le bouton « power » bleu. 
		
		
		<h2>Sur téléphone</h2>
		<h3>1. dans votre navigateur</h3>
		Installer firefox depuis votre magasin d'applications puis installer uBlock Origin
		<div class="centerimg">
			<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">
				<h5>uBlock Origin pour firefox</h5>
				<img src="img/firefoxublock.png" />
			</a>
		</div>
		<h3> 2. dans les applications</h3>
		
		Par défaut sur android, c'est le magasin d'application de Google qui est installé. Il existe d'autres magasins d'applications. F-Droid a la particularité de ne proposer que des applications libres et sans traqueur. Installez F-Droid en cliquant <a href="https://f-droid.org/fr/">ici</a> après avoir autorisé les application de sources inconnues. Depuis ce magasin, recherchez les bloqueurs blokada ou adaway.
		Pour installer ces applications, il faut activer les applications de sources inconnues
		<div class="boite">
			<a href="https://f-droid.org/en/packages/org.blokada.fem.fdroid/">
				<h5>blokada (android)</h5>
				<img src="img/blokada.png" />
			</a>
			<p>ou</p>
			<a href="https://f-droid.org/en/packages/org.adaway/">
				<h5>adaway (android)</h5>
				<img src="img/adaway.png" />
			</a>
			<p>ou</p>
			<a href="https://adguard.com/fr/welcome.html">
				<h5>adguard (iOS et android)</h5>
				<img src="img/adguard.png" />
			</a>
		</div>

		
		<h1>Participer</h1>
		Il est temps d’aider ses voisin·e·s à se débarrasser de la pub en ligne !
nono's avatar
nono a validé
		<br><br>
		La prochaine fois que vous voyez vos parents, cousines ou voisins, demandez-leur s'ils ont un bloqueur de pub. Sinon, prenez 10 minutes pour les aider.<br><br>
		
		Vous pouvez aussi agir pour sensibiliser tout le monde : voir notre <a href="201901-Appelamobilisation-Bloquelapub.net.pdf">appel à mobilisation</a> et nos images à partager. <br><br>
		
		<h2>Images à partager</h2>
		<div class="rs">
			<img src="img/bloque2022.png" />
		</div>
		<div class="rs">
			<img src="rs/1.png" />
			<img src="rs/2.png" />
		</div>
		<div class="rs">
			<img src="rs/3.png" />
			<img src="rs/4.png" />
		</div>
		<div class="rs">
			<img src="rs/5.png" />
			<img src="rs/6.png" />
		</div>
		<h2>Citations à partager</h2>
		<div class="cit">
			<img src="rs/cit1.png" />
		</div>
		<div class="cit">
			<img src="rs/cit2.png" />
		</div>
		<h2>Affiches à imprimer</h2>
		Cliquez <a href="Bloquelapub-affiches.pdf">ici</a> pour télécharger nos affiches à imprimer
		<div class="cit">
			<img src="img/affiches.png" />
		</div>
		
		Une question ? Soutenir l'appel ? <a href="mailto:contact@bloquelapub.net"> contact@bloquelapub.net</a>
		<h4> <a href="#loin">Aller plus loin</a></h4>
		<div id="loin">
			<h2>Ressources bibliographiques spécifiques à la publicité et à la surveillance publicitaire en ligne</h2>
			
			<h3>Quelques outils pour limiter la surveillance publicitaire en ligne :</h3>
			Plus d'informations sur <a href="https://github.com/gorhill/uBlock">uBlock Origin</a>
				
			<h4>Modules basiques recommandés :</h4>
			<a href="https://addons.mozilla.org/fr/firefox/addon/ublock-origin/">uBlock Origin</a><br>
			<a href="https://addons.mozilla.org/fr/firefox/addon/decentraleyes/">Decentraleyes </a>
			
			<h4>D'autres modules à découvrir pour lutter contre la publicité / la surveillance publicitaire</h4>
			<a href="https://addons.mozilla.org/fr/firefox/addon/umatrix/">uMatrix</a><br>
			<a href="https://addons.mozilla.org/fr/firefox/addon/adnauseam/">adNauseam</a><br>
			<a href="https://pi-hole.net/">Pi-hole</a>

			
			<h4>Découvrir les traqueurs cachés dans les applications Android </h4>
			L'association <a href="https://exodus-privacy.eu.org/fr/">Exodus Privacy</a> et son application mobile 
			
			<h4>Découvrir les listes de blocages (avancé)</h4>
			Le site <a href="https://filterlists.com/">filterlists</a> répertorie les différentes listes de blocages utilisées par les différents applications de blocage publicitaire<br>
			A titre d'exemple la liste Peter Lowe block list est disponible <a href="https://pgl.yoyo.org/adservers/">ici</a> (en anglais)
			
			<h4>Des tutoriels de premiers pas supplémentaires :</h4>
				Sur le <a href=" https://antipub.org/se-defendre/internet/">site</a> de Résistance à l'Agression Publicitaire<br>
				Au sein du <a href="https://www.lecreis.org/?p=2815">Guide de Survie à destination des aventuriers d’Internet</a> de l'association CECIL<br>
				Au sein du <a href="https://wiki.pcet.link/">Wiki d’herminien </a>
			<br><br>
			<h4>Pour sortir des logiques de la monétisation des données et du temps d'attention nous vous invitons à découvrir les services mis en valeurs par l'association <a href="https://framasoft.org/fr/">Framasoft</a> dans leur campagne <a href="https://degooglisons-internet.org/fr/">"Dégooglisons Internet"</a>
			<br><br>
			Pour découvrir les mécanismes de la publicité en ligne, nous recommandons les 3 articles de Numendil sur son blog PixelLibre.net</h4>
			<a href="http://pixellibre.net/2017/10/publicite-ligne-episode-1-cest-quoi-publicite/">épisode 1</a><br>
			<a href="http://pixellibre.net/2017/10/publicite-ligne-episode-2-quest-collecte/">épisode 2</a><br><a href="http://pixellibre.net/2017/10/publicite-ligne-episode-3-problemes-lies-a-publicite/">épisode 3</a>
			
			<h4>Pour aller plus loin sur l'ensemble de ces enjeux :</h4>
			- Retrouvez l'ensemble de la bibliographie mis à disposition par Résistance à l'aggression publicitaire  <a href="https://antipub.org/ressources/">ici</a> et  <a href="https://antipub.org/ressources/a-voir/">ici</a>
			<br><br>
			- et la position de La Quadrature du Net sur la publicité en ligne <a href="https://www.laquadrature.net/2020/12/06/les-couts-societaux-de-la-publicite-en-ligne/ ">ici</a><br><br>
			- Docu Les Nouveaux Loups du Web – Cullen Hoback, 2016 <br><br>
			
			- Syst PSES 2017 <a href="http://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.webm "> Publicité et surveillance publicitaire en ligne - un combat à gagner</a> et le pdf de <a href="http://data.passageenseine.org/2017/syst_publicite-surveillance-en-ligne.pdf">présentation</a>
			
			- <a href=" https://www.youtube.com/watch?v=F4g3mJg7hLo">Okhin - Syst Au Capitole du Libre en 2017</a> (problème d'enregistrement)<br><br>
			
			- Numendil PSES 2018 <a href="https://video.passageenseine.fr/videos/watch/d3bc2730-8c27-474f-9082-f5ea4a4d7178">La publicité en ligne et son fonctionnement </a><br><br>
			
			- Syst PSES 2018 <a href="https://video.passageenseine.fr/videos/watch/7e81f44c-9332-4cbe-9753-d01a5a27a27f">Limiter la surveillance publicitaire en ligne, agir sur tous les terrains</a><br><br>
			
			- Tristan Nitot – Prenons-nous le risque de vivre dans Matrix ? – Conférence sur le modèle publicitaire des réseaux sociaux, janvier 2018 (15:31)<br><br>
			
			- L’attention – <a href="https://www.youtube.com/watch?v=dcBepflB-A8 ">Le Fils de pub</a>, juillet 2018 (5:06)<br><br>
			
			- L’économie de l’attention – <a href="https://www.youtube.com/watch?v=rMV1WaWGb3I">
			Stupid Economics</a>, juin 2018 (15:49)<br><br> 
				
			- Marketing politique : <a href="https://www.youtube.com/watch?v=xO_dH2oANWY">Démocra-ciblée – Datagueule</a>, janvier 2017 (12:07)<br><br>
			
			- Zeynep Tufekci <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">we're building a dystopia just to make people click on ads </a><br><br>
			
			- <a href="https://www.youtube.com/watch?v=d8yKfp1moDQ&list=PLBuP2tNW75r43k15BjAl0UgV_N6rP774n">Série de vidéos</a> de Spline sur les algorithmes 
		</div><!-- aller plus #loin -->
    </div><!-- content -->
</div><!-- container -->

<footer>
    <div class="boite">
        <a href="https://antipub.org/">
            <h4>RAP</h4>
            <img style="width:200px;" src="img/RAP.png" />
        </a>
        <a href="https://www.laquadrature.net/">
            <h4>La Quadrature du Net</h4>
            <img style="width:100px;" src="img/lqdn.png" />
        </a>
    </div>
    <div style="width: 45%;" class="boite">
        <a href="https://framasoft.org/fr/">
            <h5>Framasoft</h5>
            <img style="width:50px;" src="img/framasoft.png" />
        </a>
        <a href="https://www.lececil.org/">
            <h5>Le CECIL</h5>
            <img style="width:70px;" src="img/cecil.jpg" />
        </a>
        <a href="https://www.globenet.org/">
nono's avatar
nono a validé
            <h5>Globenet</h5>
            <img style="width:50px;" src="img/globenet.gif" />
        </a>
        <a href="https://www.ritimo.org/">
nono's avatar
nono a validé
            <h5>Ritimo</h5>
            <img style="width:50px;" src="img/ritimo.png" />
        </a>
		<a href="https://www.lecreis.org/">
nono's avatar
nono a validé
            <h5>Creis-terminal</h5>
            <img style="width:50px;" src="img/creis.jpg" />
        </a>
		<a href="https://www.zerowastefrance.org/">
            <h5>Zero Waste France</h5>
            <img style="width:50px;" src="img/zwfrance.jpg" />
        </a>
    </div>
</footer>
<script type='text/javascript' src='scroll.js'></script>
</body>
</html>