Hack n°1 – Votre attention vaut de l’or

Temps de lecture: 2 minutes

Oyez ! Oyez !

Si vous lisez cette article, j’ai la chance d’avoir votre attention !

Notre temps d’attention est une ressource précieuse que nous avons tendance à sous-estimer, c’est une ressource limitée dans le temps et que nous ne pouvons ni stocker ni récupérer.

Les GAFA le savent mais ne vous le disent pas : votre attention vaut de l’or.

Rappelons que Facebook et Google font plus de 80% de leur chiffre d’affaire uniquement grâce à la publicité.

Notre attention est capturée en permanence par des pages web que nous visitons tous les jours :

  • Le fil d’actualité Facebook
  • Les recommandations YouTube
  • Le flux Instagram
  • Le flux Twitter

Ces pages web sont méticuleusement conçues pour capturer instantanément votre concentration et ce le plus longtemps possible.

Imaginez les réunions entre marketers et chercheurs en neurosciences dans la Silicon Valley, vous n’avez aucune chance !

Les GAFA vendent votre concentration si précieuse, à des e-commerçants sans scrupule, à Amazon, pire encore : aux dropshippeurs AliExpress ! PAS CONTENT PAS CONTENT !

Il est temps pour nous de reprendre le contrôle.

A l’aide d’un hack simple nous allons cacher toutes ces zones de capture d’attention.

Pour l’exemple, prenons une pages web que nous connaissons bien :

  • YouTube : page d’accueil

Le hack est le suivant : coder un script navigateur qui va cacher les <div> qui contiennent ces zones de capture d’attention.

Tutorial Hack n°1 – Cachez cette vidéo de chat que je ne saurais voir

Script pour Youtube :

  • Ouvrez l’inspecteur de votre navigateur en faisant un clic droit -> inspecter

  • Cherchez dans la liste de l’inspecteur la balise qui contient tout le contenu, lorsque vous déplacez votre curseur au dessus des différentes balises, celles-ci devraient se voiler de bleu en même temps sur la page du navigateur. Aux dernières nouvelles, c’est la balise ytd-browse

Noter bien le nom de la balise, nous en aurons besoin juste après !

  • Installez l’extension tampermonkey (Chrome et Firefox)
  • Cliquez sur l’extension tampermonkey -> tableau de bord
  • Cliquez sur le bouton + dans la barre des onglets
  • Ajoutez cette ligne de code dans le script, juste en dessous de 'use strict';, en reprenant le nom de la balise :

document.getElementsByTagName("ytd-browse")[0].style.visibility = "hidden";

  • Dans les lignes oranges en haut du fichier, ajoutez une ligne, elle permet de dire au script de s’exécuter sur le site youtube.com :

// @match https://www.youtube.com/*

  • Faites un ctrl+s ou cmd+s sur mac ou encore Fichier -> enregistrer, le script est prêt !
  • Vous pouvez faire un test en allant sur Youtube dés maintenant !

Vous pouvez désormais vous créer un environnement virtuel sans vortex à attention, gagner au moins 30 minutes de concentration chaque jour, et surtout garder le contrôle sur le flux de vos pensées.

Have fun !

Exemple de script pour Youtube :

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.youtube.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    document.getElementsByTagName("ytd-browse")[0].style.visibility = "hidden";
})();

2 réflexions au sujet de « Hack n°1 – Votre attention vaut de l’or »

  1. Youpi…. Sauf que j’ai rien pigé…
    Je ne suis ni hacker (on l’aura compris) ni une quiche de base. Juste entre les deux.
    Je suis vos instructions jusqu’à ouvrir le + de tamper… et là : le trou noir.

    Ajoutez jQuery dans le header : // @require – bah où ça ? https://code.jquery.com/jquery-1.12.4.min.js
    Ouvrez l’inspecteur de votre navigateur – j’appelle le 17 ?
    pour repérer la balise qui contient la section à cacher … encore trop bien cachée pour la quiche de base. OK j’en conviens.
    Ajoutez une ligne jQuery pour cache la balise, exemple pour YouTube : $(« ytd-browse »).hide(); …hum hum.
    Fichier -> enregistrer – ça, promis je saurais le faire.

    Je me permets cette pitoyable requête, car quand je sais pas, je demande.

    Auriez vous la gentillesse de compléter mes lacunes avec les quelques indications qui me font défauts, s’il vous plait ? Si cela n’est pas trop désespérant.

    En usant de votre temps, d’efforts et de vos compétences, vous nourrissez avec tant d’autres, l’idée révolutionnaire et très concrète que le savoir se partage, naturellement. Que l’ignorance n’est, peut-être finalement, qu’une lacune qu’il appartient, à tous, à chacun, de combler. Et ce n’est pas rien !
    Alors qu’elle que soit votre réponse, très sincèrement, MERCI.
    Meilleures salutations,

    XML

    Répondre

    1. Cher XML,

      Merci beaucoup pour votre retour !

      Vos initiales laissent pourtant penser que vous vous y connaissez en matière de HTML ! (J’espère que vous comprendrez la blague 😉 )

      J’ai mis à jour l’article avec des captures d’écran et en modifiant un peu le code, j’espère que cela vous permettra d’arriver à installer cette extension,

      Au plaisir de vous lire,

      Lucas

      Répondre

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax