mirror of
https://github.com/bedaka/kew-pihole.git
synced 2025-01-22 14:25:25 +00:00
324 lines
11 KiB
HTML
Executable file
324 lines
11 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>
|
|
Denied GIF
|
|
</section>
|
|
<section>
|
|
<h2>$ tree</h2>
|
|
<pre>
|
|
<code>
|
|
contents
|
|
├── 1_uber_uns.txt
|
|
├── adtracking
|
|
│ ├── 2_tracking_pixel.txt
|
|
│ └── 3_real_time_bidding.txt
|
|
├── pi_hole
|
|
│ ├── 4_allgemein.txt
|
|
│ ├── 5_about_dns.txt
|
|
│ └── 5_tech_demo.txt
|
|
├── 6_fazit.txt
|
|
└── 7_quellen.txt
|
|
</code>
|
|
</pre>
|
|
|
|
</section>
|
|
<section style="background-image: url('images/ag-link_logo.png'); background-repeat: no-repeat; background-position: right; background-size: contain">
|
|
<div class="r-stack">
|
|
<h2 class="fragment fade-in-then-out">Wer sind wir?</h2>
|
|
<h2 class="fragment fade-in-then-out">AG Link</h2>
|
|
</div>
|
|
<p>AG für kritische Informatik an der Uni Leipzig</p>
|
|
<ul>
|
|
<li>[Plenum] Mittwochs 19:00 Uhr</li>
|
|
<li>[Web] https://ag-link.xyz</li>
|
|
<li>[Mail] ag-link@riseup.net</li>
|
|
<li>[Matrix] #ag-link:ag-link.xyz</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<!-- Kapitel 1: Werbetracking -->
|
|
|
|
<section>
|
|
<h2>🍪 Cookies</h2>
|
|
<img class="fragment fade-up" src="https://www.startpage.com/av/proxy-image?piurl=https%3A%2F%2Fuser-images.githubusercontent.com%2F38752255%2F93235175-7ab6e280-f77d-11ea-9b8a-5a8c144344d7.gif&sp=1633978194Tf5ece8f0a296a91cf81989c86c384ccd138bee0b1ba8f728cd3f7ce6ecafd823" />
|
|
<aside class="notes">muss man wenig sagen. Wir alle kennen die Banner</aside>
|
|
</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;"></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;"></div>
|
|
</div>
|
|
</section>
|
|
<section>
|
|
<h2>Tracking Pixel</h2>
|
|
<ul>
|
|
<li>1x1 Pixel großes Bild im Code der Webseite (E-Mail). </li>
|
|
<li>Registriert Nutzerverhalten</li>
|
|
</ul>
|
|
<br>
|
|
<p>Klassisch ist dies ein einfaches HTML Tag:</p>
|
|
<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>
|
|
<section id="fragments" >
|
|
<h2>Gesammelt werden:</h2>
|
|
<ul>
|
|
<li class="fragment fade-up">IP Adresse (Liefert Informationen zu eurem ISP)</li>
|
|
<li class="fragment fade-up">Browser (Chrome, Firefox, etc.)</li>
|
|
<li class="fragment fade-up">Geräte Typ (Mobile, Desktop, Tablet)</li>
|
|
<li class="fragment fade-up">Betriebssystem (iOS, Android, Windows, etc.)</li>
|
|
<li class="fragment fade-up">Bildschirmgröße</li>
|
|
<li class="fragment fade-up">Referrer (Von wo aus ihr auf die Seite gelangt seit)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Außerdem</h2>
|
|
<ul>
|
|
<li>Messen von Verhalten und "conversions"</li>
|
|
<li>Beavioural retargeting ermöglichen</li>
|
|
<li>BetreiberInnen profitieren von Insights und Metriken</li>
|
|
<li>Anbieter profitieren von Daten</li>
|
|
</ul>
|
|
<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>
|
|
|
|
<!-- RTB -->
|
|
<section>
|
|
<section>
|
|
<h2>Real Time Bidding (RTB)</h2>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Vokabular</h2>
|
|
<ul>
|
|
<li>DSP: Demand Side Platform</li>
|
|
<li>SSP: Supply Side Platform</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<img src="./images/rtb.png">
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Wichtige Organisationen</h2>
|
|
<ul>
|
|
<li>Internet Advertising Bureau (IAB)</li>
|
|
<ul>
|
|
<li>OpenRTB</li>
|
|
<li>Transparency and Consent Framework (TCF)</li>
|
|
</ul>
|
|
<li>Google</li>
|
|
<ul>
|
|
<li>Authorized Buyers Framework</li>
|
|
</ul>
|
|
</ul>
|
|
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Bid Request</h2>
|
|
<ul>
|
|
<li>Request ID</li>
|
|
<li>IP Adresse (im Falle von ABF nur die ersten 3 Bytes)</li>
|
|
<li>Cookie IDs</li>
|
|
<li>User-Agent (Identifiziert den Browser und das Gerät)</li>
|
|
<li>Ort</li>
|
|
<li>Zeitzone</li>
|
|
<li>Systemsprache</li>
|
|
<li>Informationen zur Konsumentengruppe</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>IAB Inhalts-taxonomie </h2>
|
|
<ul>
|
|
<li>Herzkrankheiten</li>
|
|
<li>Psychische Gesundheit</li>
|
|
<li>Sexuelle Gesundheit</li>
|
|
<li>Ansteckende Krankheiten</li>
|
|
<li>uvm.</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Google 'publisher verticals'</h2>
|
|
<ul>
|
|
<li>Reproductive Health</li>
|
|
<li>Substance Abuse</li>
|
|
<li>Health Condition</li>
|
|
<li>Politics</li>
|
|
<li>Ethnis & Identity Groups</li>
|
|
<li>uvm.</li>
|
|
</ul>
|
|
</section>
|
|
</section>
|
|
<section data-auto-animate>
|
|
<section>
|
|
<h2>Auktion eines Werbeplatzes</h2>
|
|
<pre data-id="code-animation">
|
|
<div style="overflow-y: auto !important; height: 70vh; margin: auto">
|
|
<img src="images/real-time-bidding.png" />
|
|
</div>
|
|
</pre>
|
|
</section>
|
|
<section>
|
|
<ul>
|
|
<li>[0.00s] J. öffnet eine URL und der Browser beginnt den Inhalt der Webseite zu laden</li>
|
|
<li>[0.04s] Die Webseite fragt an der Ad Exchange </li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</section>
|
|
</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 1/2
|
|
* 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>
|
|
|
|
<section>
|
|
<h2>Quellen 2/2</h2>
|
|
<ul>
|
|
<li><em>Update report into adtech real time bidding</em>; ICO</li>
|
|
<li><em>Selling Off Privacy at Auction</em>; Lukasz Olejnik, Minh-Dung Tran, Claude Castelluccia</li>
|
|
<li><em>To bid or not to bid? - Measuring the value of privacy in RTB</em>; Lukasz Olejnik, Claude Castelluccia</li>
|
|
</ul>
|
|
</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>
|