kew-pihole/praesi_revealJs/index.html

325 lines
11 KiB
HTML
Raw Normal View History

2021-07-21 17:47:33 +00:00
<!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>
2021-10-11 19:20:41 +00:00
Denied GIF
2021-07-21 17:47:33 +00:00
</section>
2021-10-11 19:20:41 +00:00
<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>
2021-10-10 19:00:55 +00:00
<ul>
2021-10-11 19:20:41 +00:00
<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>
2021-10-10 19:00:55 +00:00
</ul>
2021-10-03 15:40:52 +00:00
</section>
<!-- Kapitel 1: Werbetracking -->
2021-10-11 19:20:41 +00:00
<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>
2021-10-03 15:40:52 +00:00
</section>
<!--Tracking Pixel-->
2021-10-11 12:45:47 +00:00
<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>
2021-10-03 15:40:52 +00:00
<section>
<h2>Tracking Pixel</h2>
<ul>
2021-10-11 19:20:41 +00:00
<li>1x1 Pixel großes Bild im Code der Webseite (E-Mail). </li>
2021-10-03 15:40:52 +00:00
<li>Registriert Nutzerverhalten</li>
</ul>
2021-10-11 19:20:41 +00:00
<br>
<p>Klassisch ist dies ein einfaches HTML Tag:</p>
2021-10-03 15:40:52 +00:00
<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>
2021-10-11 19:20:41 +00:00
</section>
2021-10-03 15:40:52 +00:00
<section>
<section id="fragments" >
2021-10-11 19:20:41 +00:00
<h2>Gesammelt werden:</h2>
2021-10-03 15:40:52 +00:00
<ul>
2021-10-11 19:20:41 +00:00
<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>
2021-10-03 15:40:52 +00:00
</ul>
</section>
2021-10-11 19:20:41 +00:00
2021-10-03 15:40:52 +00:00
<section>
<h2>Außerdem</h2>
2021-10-11 19:20:41 +00:00
<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>
2021-10-03 15:40:52 +00:00
<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>
2021-10-10 18:30:14 +00:00
<!-- 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 Inhaltstaxonomie </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>
2021-10-11 19:20:41 +00:00
<section>
2021-10-10 18:30:14 +00:00
<h2>Auktion eines Werbeplatzes</h2>
2021-10-03 15:40:52 +00:00
<pre data-id="code-animation">
2021-10-11 19:20:41 +00:00
<div style="overflow-y: auto !important; height: 70vh; margin: auto">
<img src="images/real-time-bidding.png" />
</div>
2021-10-03 15:40:52 +00:00
</pre>
</section>
2021-10-11 19:20:41 +00:00
<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>
2021-10-03 15:40:52 +00:00
<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>
2021-10-11 12:45:47 +00:00
<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>
2021-10-03 15:40:52 +00:00
2021-07-21 17:47:33 +00:00
<section>
<h3>Features</h3>
<img src="images/features.png" alt="pihole features" style="height: 260px; margin: 0 auto 4rem auto; background: transparent;">
</section>
2021-10-03 15:40:52 +00:00
<section>
<h3>Die PiHole Blockliste</h3><br>
<img src="./images/blocked-pixel.png"\>
</section>
<section data-markdown>
2021-10-10 19:00:55 +00:00
## Quellen 1/2
2021-10-03 15:40:52 +00:00
* 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
2021-10-11 12:45:47 +00:00
* Schnabel, Patrick (??): Netzwerktechnikk-Fibel
2021-10-03 15:40:52 +00:00
</section>
2021-10-10 19:00:55 +00:00
<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>
2021-07-21 17:47:33 +00:00
</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>