mirror of
https://github.com/bedaka/kew-pihole.git
synced 2025-01-22 14:25:25 +00:00
234 lines
8.9 KiB
HTML
Executable file
234 lines
8.9 KiB
HTML
Executable file
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<title>reveal.js</title>
|
|
|
|
<link rel="stylesheet" href="dist/reset.css">
|
|
<link rel="stylesheet" href="dist/reveal.css">
|
|
<link rel="stylesheet" href="dist/theme/black.css">
|
|
|
|
<!-- Theme used for syntax highlighted code -->
|
|
<link rel="stylesheet" href="plugin/highlight/monokai.css">
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
<section>
|
|
<h3>AdBlocking mit</h3>
|
|
<a href="https://pi-hole.net/">
|
|
<img src="https://wp-cdn.pi-hole.net/wp-content/uploads/2018/12/pihole-text-logo-white.png.webp" alt="pihole logo" style="height: 120px; margin: 0 auto 4rem auto; background: transparent;" class="pihole-logo">
|
|
</a>
|
|
<h3>Werbefreies Heimnetzwerk mit dem RaspberryPi<h3>
|
|
</section>
|
|
<section>
|
|
<h2>Worüer wir sprechen</h2>
|
|
<ul>
|
|
<li>Warum AdBlocking?</li>
|
|
<li>Warum PiHole</li>
|
|
<li>Wie funktioniert das?</li>
|
|
<li>Kritik</li>
|
|
<li>...</li>
|
|
</ul>
|
|
</section>
|
|
<section style="background-image: url('images/ag-link_logo.png'); background-repeat: no-repeat">
|
|
<h2>Wer sind wir?</h2><br>
|
|
<h2>AG-Link</h2><p>
|
|
für kritische Informatik an der Uni Leipzig.
|
|
</p>
|
|
`https://ag-link.xyz/`
|
|
|
|
Plenum immer Mittwoch Abends 19.00Uhr in XXX
|
|
|
|
Schreibt uns unter ag-link@riseup.net
|
|
|
|
</section>
|
|
|
|
<!-- Kapitel 1: Werbetracking -->
|
|
|
|
<section data-markdown="">
|
|
Wir alle haben uns an personalisierte Werbung und das dazugehörige Tracking gewöhnt.
|
|
Zwar sind die meisten (Studie zur Aktzeptanz?) eher ablehnend ggü. Werbung eingestellt, allerdings veranlasst es uns meistens nicht dazugehörige
|
|
unser Verhalten zu ändern.
|
|
Ad Blocker erlauben zwar zumindest im Browser das surfen erträglicher zu machen, aber an vielemn Stellen haben wir keine Wahl.
|
|
Und so richtig wissen wir eigentlich nicht welche Daten durch wen gesammelt werden und was dann mit denen passiert.
|
|
</section>
|
|
<section data-markdown>
|
|
Personalisierte Werbung wurde in den letzten Jahren so akkurat, dass sich das Gerücht etablierte, dass FB NutzerInnen über das Mikrofon belauscht.
|
|
Dies ist inzwischen weitestgehend wiederlegt, allerdings helfen andere Techniken dabei ein ähnlich akurates Ergbenis zu erzielen.
|
|
</section>
|
|
<section data-markdown>
|
|
## Cookies
|
|
</section>
|
|
<!--Tracking Pixel-->
|
|
<section data-auto-animate data-background="whitesmoke">
|
|
<h2>Tracking Pixel</h2>
|
|
<div class="r-hstack justify-center">
|
|
<div data-id="box1" style="background: #191919; width: 40px; height: 40px; margin: 10px; border-radius: 5px;"></div>
|
|
</div>
|
|
</section>
|
|
<section data-auto-animate data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
|
|
<h2 style="color: #191919;">Tracking Pixel</h2>
|
|
<div class="r-hstack justify-center">
|
|
<div data-id="box1" style="width: 2000px; height: 1000px; margin: 100%px; border-radius: 200px;"></div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>Tracking Pixel</h2>
|
|
<ul>
|
|
<li>1x1 großes Bild als Code im HTML der Webseite oder E-Mail. </li>
|
|
<li>Registriert Nutzerverhalten</li>
|
|
</ul>
|
|
|
|
Klassisch ist dies ein einfaches HTML Tag:
|
|
<pre><code>
|
|
<img style="display: none;" src="/tracking">
|
|
</code></pre>
|
|
<aside class="notes">
|
|
1x1 pixel großes Bild das durch Code innerhalb des HTML der Webseite erzeugt wird.
|
|
Werden heutzutagen eigentlich überall eingesetzt
|
|
können sowohl auf Websites als auch in HTML Emails eingebunden werden
|
|
</aside>
|
|
</section>
|
|
|
|
<section>
|
|
Wobei heutzutage in der Regel JavaScript pixels verwendet werden
|
|
<pre><code>
|
|
<script type="text/javascript" src="tracking.js"></script>
|
|
</code></pre>
|
|
</section>
|
|
|
|
<section>
|
|
<section id="fragments" >
|
|
<h2>Tracking Pixel</h2>
|
|
<ul>
|
|
<li style="display: inline-block;" class="fragment fade-up">* IP Adresse (Liefert Informationen zu eurem ISP)</li>
|
|
<li style="display: inline-block;" class="fragment fade-up">* Browser (Chrome, Firefox, etc.)</li>
|
|
<li style="display: inline-block;" class="fragment fade-up">* Geräte Typ (Mobile, Desktop, Tablet)</li>
|
|
<li style="display: inline-block;" class="fragment fade-up">* Operating System (iOS, Android, Windows, etc.)</li>
|
|
<li style="display: inline-block;" class="fragment fade-up">* Bildschirmgröße</li>
|
|
<li style="display: inline-block;" class="fragment fade-up">* Referrer (Von wo aus ihr auf die Seite gelangt seit)</li>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>Außerdem</h2>
|
|
- Messen von Verhalten und "conversions"
|
|
- Beavioural retargeting ermöglichen
|
|
- BetreiberInnen profitieren von Insights und Metriken
|
|
- Anbieter profitieren von Daten
|
|
<aside class="notes">
|
|
-> Für Website BetreiberInnen lohnt sich der Einsatz, da so Metriken über Demografie und Verhalten der NutzerInnen verfügbar werden.
|
|
-> erlauben behavioural retargeting
|
|
-> FB profitiert in Form zusätzlicher Daten.
|
|
</aside>
|
|
</section>
|
|
<section>
|
|
<img src="./images/Facebook-Pixel.png" alt="facebook pixel website" style="width: 600px; margin: 0 auto 4rem auto; background: transparent;" class="pihole-logo">
|
|
</section>
|
|
<section id="fragments">
|
|
<h2>Und was springt für uns dabei raus?</h2>
|
|
<ul>
|
|
<li style="display: inline-block;" class="fragment fade-left">* Personalisierte Werbeerfahrung.</li>
|
|
<li style="display: inline-block;" class="fragment fade-left">* Gezieltere Anzeigen führen häufiger zu Käufen.</li>
|
|
<li style="display: inline-block;" class="fragment fade-left">* Bessere generelle Nutzererfahrung durch Optimierung der Webseiten</li>
|
|
</ul>
|
|
<img class="fragment fade-down" style="height: 200px" src="images/shutuptakemymoney.gif">
|
|
</section>
|
|
</section>
|
|
|
|
|
|
<section data-auto-animate>
|
|
<h2>Auktion eines Werbeplatzes</h2>
|
|
<pre data-id="code-animation">
|
|
<img src="images/real-time-bidding.png">
|
|
</pre>
|
|
</section>
|
|
<section data-markdown>
|
|
## Auswirkungen von micro targeting?
|
|
- ermöglicht manipulation (cambridge analytica)
|
|
</section>
|
|
<section data-markdown>
|
|
# Micro targeting
|
|
> In der Bundestagswahl 2021 nutzten alle etablierten parteien Microtargeting im Wahlkampf. (Netzpolitik 2017)
|
|
|
|
Die FDP schaltete bspw. Facebook-Werbungen, die sie abhängig von der Zielgruppe für oder gegen staatliche CO2-Limits positionierten. ("grüne Interessen", "Vielreisende").
|
|
|
|
|
|
</section>
|
|
<section data-markdown>
|
|
## Energieverbrauch
|
|
Der Stromverbrauch des Webenetzwerkes wird je nach Quelle auf
|
|
um die 110TWH / Jahr geschätzt.
|
|
https://www.sciencedirect.com/science/article/pii/S0195925517303505
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Adblocking mit PiHole -->
|
|
|
|
<section data-markdown>
|
|
## Ad AdBlocking
|
|
Wie können wir unsere privatspäre schützen / kontrolle über unsere Daten erlangen?
|
|
</section>
|
|
<section data-markdown>
|
|
## Browser plugins
|
|
* Einfach einzurichten
|
|
* Funktionieren nur im Browser
|
|
* nicht auf jedem Gerät verfügbar (Smart TV, Innerhalb von Apps)
|
|
</section>
|
|
|
|
<section>
|
|
<h2>DNS who?</h2>
|
|
<img src="images/dnsExplained.jpg">
|
|
<p>Domain Name System</p>
|
|
</section>
|
|
|
|
<section>
|
|
<section>
|
|
<h2>PIHole Unbound</h2>
|
|
Hostet euren eigenen rekursiven DNS-Server
|
|
+ mehr Privatsphäre
|
|
+ erhöter Schutz vor DNS-Spoofing/Hijacking Angriffen
|
|
- Erstmalige Aufrufe neuer Adressen haben eine kurze Verzögerung
|
|
</section>
|
|
</section>
|
|
|
|
<section>
|
|
<h3>Features</h3>
|
|
<img src="images/features.png" alt="pihole features" style="height: 260px; margin: 0 auto 4rem auto; background: transparent;">
|
|
</section>
|
|
<section>
|
|
<h3>Die PiHole Blockliste</h3><br>
|
|
<img src="./images/blocked-pixel.png"\>
|
|
</section>
|
|
<section data-markdown>
|
|
### Quellen
|
|
* Netzpolitik 2017: https://netzpolitik.org/2017/wahlkampf-in-der-grauzone-die-parteien-das-microtargeting-und-die-transparenz/
|
|
* https://www.facebook.com/business/learn/facebook-ads-pixel
|
|
* https://targetleaks.de/index
|
|
* https://www.sciencedirect.com/science/article/pii/S0195925517303505
|
|
* Schnabel, Patrick (??): Netzwerktechnikk-Fibel
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="dist/reveal.js"></script>
|
|
<script src="plugin/notes/notes.js"></script>
|
|
<script src="plugin/markdown/markdown.js"></script>
|
|
<script src="plugin/highlight/highlight.js"></script>
|
|
<script>
|
|
// More info about initialization & config:
|
|
// - https://revealjs.com/initialization/
|
|
// - https://revealjs.com/config/
|
|
Reveal.initialize({
|
|
hash: true,
|
|
|
|
// Learn about plugins: https://revealjs.com/plugins/
|
|
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|