-
Notifications
You must be signed in to change notification settings - Fork 3
/
collection.html
386 lines (334 loc) · 15.9 KB
/
collection.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Data Collection</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by freehtml5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="freehtml5.co" />
<!--
//////////////////////////////////////////////////////
FREE HTML5 TEMPLATE
DESIGNED & DEVELOPED by FreeHTML5.co
Website: http://freehtml5.co/
Email: info@freehtml5.co
Twitter: http://twitter.com/fh5co
Facebook: https://www.facebook.com/fh5co
//////////////////////////////////////////////////////
-->
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-xs-4" style="width: 35%; padding-left: 3px; padding-right: 3px;">
<div id="fh5co-logo"><a href="index.html">Your Digital Footprint</a></div>
</div>
<div class="col-xs-13 text-right menu-1">
<ul>
<li><a href="privacy.html">Internet Privacy</a></li>
<li><a href="collection.html" style="color: #EA9215">Data Collection</a></li>
<li class="has-dropdown">
<a href="misuse.html">Data Misuse</a>
<ul class="dropdown">
<li><a href="misuse.html#targetedadvertising">Targeted Advertisements</a></li>
<li><a href="misuse.html#governmentaccess">Government Access</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="protect.html">Protect Your Privacy</a>
<ul class="dropdown">
<li><a href="protect.html#extensions">Anti-tracking Extensions</a></li>
<li><a href="protect.html#vpn">Virtual Private Networks (VPN)</a></li>
<li><a href="protect.html#tor">Tor</a></li>
<li><a href="protect.html#tails">TAILS</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-image:url(images/img_bg.gif);"
data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<h1>Data Collection</h1>
<h2>How are digital footprints created?</h2>
</div>
</div>
</div>
</div>
</div>
</header>
<div id="fh5co-blog">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/bug.png" alt=""></a>
<div class="blog-text">
<h3><a href="" #> Web Bugs</a></h3>
<p>
What are web bugs?
<br>
<br>
These are small objects embedded into a web page, but are not visible. They can also be known as "tags", "tracking bugs", "pixel trackers" or "pixel gifs".
<br>
<br>
How do web bugs track you?
<br>
<br>
A simple version of this is a tiny clear image that is the size of a pixel. When a web page with this image loads, it will make a call to a server for the image. This "server call" allows companies to know that someone has loaded the page.
This is very useful to companies that want to learn if readers are opening their the emails they send. When the web beacon loads, companies can tell who opened the email and when.
This system has been abused by spammers who will identify active email accounts by sending emails that include pixel trackers. This is why many email systems will ask if you trust the sender before it displays images.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/javascript.jpg" alt=""></a>
<div class="blog-text">
<h3><a href="" #>JavaScript</a></h3>
<p>
What is JavaScript?
<br>
<br>
JavaScript is a programming language for the web. It is supported by most web browsers including Chrome, Firefox, Safari, internet Explorer, Edge, Opera, etc. Most mobile browsers for smart phones support JavaScript too.
<br>
<br>
How is JavaScript used to track you?
<br>
<br>
JavaScript is a major tracking tool. A browser will run any JavaScript code
found in the original HTML file or loaded from a URL with
src="name.js" in a script tag. This is heavily used for “analytics” that try to measure
how particular pages are viewed.
<br>
JavaScript code can set and retrieve cookies from the site that the
JavaScript itself came from, and can access other information like the
browser’s history of pages visited. It can also monitor the position of your
mouse continuously and report that back to a server, which can infer what
parts of the web page might be interesting or not; it can also monitor places
where you clicked even if they weren’t sensitive areas like links. JavaScript
tracking appears to be increasing.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/fingerprint.png" alt=""></a>
<div class="blog-text">
<h3><a href="" #> Browser Fingerprinting</a></h3>
<p>
What is browser fingerprinting?
<br>
<br>
Browser fingerprint is information collected about a remote computing device for the purpose of identification.
Fingerprints can be used to fully or partially identify individual users or devices even when cookies are turned off.
<br>
<br>
How is browser fingerprinting used to track you?
<br>
<br>
Browser fingerprinting uses individual characteristics of your browser to
identify you, often uniquely, without cookies. The combination of operating
system, browser, version, language preference, and installed fonts and plug-
ins provides a lot of distinctive information. Using new facilities in HTML5,
it’s possible to see how an individual browser renders specific character
sequences, using a technique called canvas fingerprinting. Given a handful of
these identifying signals, it’s possible to distinguish and recognize individual
users regardless of their cookie settings. Naturally advertisers and other
organizations would love to have pinpoint identification of individuals
regardless of cookies.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/GPS.jpg" alt=""></a>
<div class="blog-text">
<h3><a href="" #>GPS</a></h3>
<p>
What is GPS?
<br>
<br>
The Global Positioning System (GPS), originally Navstar GPS, is a satellite-based radionavigation system owned by the United States government and operated by the United States Air Force.
It is a global navigation satellite system that provides geolocation and time information to a GPS receiver anywhere on or near the Earth where there is an unobstructed line of sight to four or more GPS satellites.
<br>
<br>
How is GPS used to track you?
<br>
<br>
A GPS-enabled phone, which includes all smartphones, generally knows
where you are to within about 10 meters when you’re outside and can report
your position at any time. Some digital cameras include GPS as well, which
lets them encode the geographic location in each picture they take; this is
called geo-tagging. Newer cameras have Wi-Fi for uploading pictures; there’s
no reason it couldn’t be used for tracking as well.
<br>
When tracks like these are collected from multiple sources, they paint a
detailed picture of our activities, interests, finances, associates, and many
other aspects of our lives. In the most benign setting, that information is used
to help advertisers target us more accurately, so we will see advertisements
that we are likely to respond to. But the tracking need not stop there and its
results can be used for much less innocent purposes, including discrimination,
financial loss, identity theft, government surveillance, and even physical
harm.
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/Social.jpg" alt=""></a>
<div class="blog-text">
<h3><a href="" #>Social Media</a></h3>
<p>
What is social media?
<br>
<br>
Social media refers to websites and applications that are designed to allow people to share content quickly, efficiently, and in real-time.
<br>
<br>
How is social media used to track you?
<br>
<br>
Geolocation services display their users’ locations on cell phones, which
makes it easy to meet friends in person or to play location-based games.
Targeted advertising can be especially effective when a potential customer’s
physical location is known.
<br>
Location privacy —the right to have your location remain private—is
compromised by systems like credit cards, toll payment systems on highways
and public transport, and of course cell phones. It’s harder and harder to
avoid leaving a trail of every place you’ve ever been. Cell phone apps are the
worst offenders, often requesting access to essentially everything that the
phone knows about you, including call data, physical location, and so on.
Does a flashlight app really need my location, contacts and call log?
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="fh5co-blog animate-box">
<a href="#"><img class="img-responsive" src="images/cookie.jpg" alt=""></a>
<div class="blog-text">
<h3><a href="" #>Cookies</a></h3>
<p> What are cookies?
<br>
<br>
Cookies are small bits of text that are downloaded to your browser as you surf the web. Their purpose is to
carry bits of useful information about your interaction with the website that sets them.
Cookies generally do not contain any information that would identify a person. Usually they contain a string
of text or "unique identifier". This acts like a label. When a website sees the string of text it set in a
cookie, it knows the browser is one it has seen before.
<br>
<br>
How do cookies track you?
<br>
<br>
The cookies that appear to cause the most controversy are for managing the advertising you see on a website.
This is particularly the case when websites set a cookie from a separate advertising delivery company. This cookie can record when and where you saw an advert, where in the world you might have been when it happened and whether you clicked on it.
The cookie will send this information to the cookie owner, who records this data and uses it to make sure you don't see the same advert too many times.
If websites choose to pool some of the information this type of cookie collects as part of an ad network, the systems used by advertising delivery companies can create "segments" of browsers that display similar behaviours.
They will use this to try to draw conclusions about what the people behind the browsers might be interested in: "basketball lovers" or "hair product enthusiasts" or "adventure holiday takers", for example. Cookies that do this are known as third-party advertising cookies.
Over time they learn which types of adverts are most effective to these groups and can sell this service to advertisers.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fh5co-started" style="background-image:url(images/img_bg_2.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row animate-box">
<div class="col-md-8 col-md-offset-2 text-center">
<p><a href="sources.html#collection" class="btn btn-default btn-lg">Sources</a> <a href="misuse.html" class="btn btn-default btn-lg">Learn More About How Data is Misused</a></p>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">© 2016 Free HTML5. All Rights Reserved.</small>
<small class="block">Designed by <a href="http://freehtml5.co/" target="_blank">FreeHTML5.co</a> Demo Images: <a href="http://unsplash.co/" target="_blank">Unsplash</a></small>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>