Bereits vor einigen Wochen wurde im deutschen Twitter-Blog angekündigt, dass zur WM einige Addons bei Twitter eingefügt werden. Dazu gehört unter anderem eine Seitenleiste, in der die Paarungen des Tages gesammelt werden, Hinweise in der Timeline zum jeweiligen Spiel, dass gerade läuft und kleine Nationalfähnchen, die bestimmte Hashtags verzieren. Wie das konkret aussieht zeigt beispielhaft der folgenden Screenshots.
Wer wie ich Fußball mag, aber den medialen Hype um die WM im Fußball der Männer eher Unverständnis entgegenbringt, ist vielleicht daran interessiert, Twitter im Webbrowser seiner Wahl wieder unbelastet nutzen zu können. Ein Adblocker, wie Adblock Edge, und ein bisschen CSS-Kenntnisse machen das leicht möglich.
Zunächst gilt es die Elemente ausfindig zu machen, die blockiert werden sollen. Dann müssen hinreichend eindeutige Identifikatoren für diese Elemente gefunden werden. Im konkreten Fall sind das folgende:
- Seitenleiste: DIV mit
id=dashboard-matches - Info-Tweet: DIV mit
data-name="TwitterFootball" - Hashtag-Fahne: IMG mit
class=twitter-hashflag
Um diese zu blockieren muss nun Adblock auf sie los gelassen werden. Dafür müssen eigene Filterregeln angelegt werden. Um das zu tun, öffnet ihr mit der Tastenkombination Ctrl+Shift+F die Filtereinstellungen. Links-oben findet sich der Reiter "Eigene Filter". Falls noch keine Filtergruppe existiert muss zunächst eine angelegt werden. In diese Filtergruppe können nun eigen Filter eingefügt werden. Die Syntax ist relativ simpel und wird sehr gut auf den Seiten von Adblock+ erklärt.
In unserem Fall werden wir mittels der gefundenen CSS-Selektoren blocken. Die Syntax ist in diesem Fall realtiv simpel:
webseitenname.kürzel ## CSS-Selector [" spezielle Eigenschaft "]
Die Angabe des Webseiten-Namens ist fakultativ. Wenn ein Name angegeben wird, dann wirkt der Filter nur auf der angegebenen Website. Wenn kein Name angegeben ist, wirkt er überall. Eine fertige Filterliste für unsere oben gefundenen Objekte sieht also folgender Maßen aus:
twitter.com##DIV[id="dashboard-matches"] twitter.com##DIV[data-name="TwitterFootball"] img[class="twitter-hashflag"]
Wenn die fertige Liste im Adblocker sollte nun den folgenden Inhalt haben:
Jetzt solltet ihr Twitter wieder weitestgehend ohne nervige Addons nutzen können.
PS: Wo wir gerade bei nervig sind. Auch der Hinweis zur Cookie-Nutzung, der beim Login angezeigt wird und bei mir regelmäßig das halbe Login-Feld überdeckt, lässt sich mit dieser Methode leicht entfernen. Die Zeile lautet in diesem Fall:
twitter.com##DIV[class="Banner eu-cookie-notice"]