-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathesempi.html
57 lines (52 loc) · 2.76 KB
/
esempi.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test page for cookie law</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="it_cookie_law.js"></script>
<!-- ESEMPIO SCRIPT ESTERNO -->
<!-- Stile relativo alla pagina d'esempio -->
<style>
body {
font-family: verdana,arial,tahoma,sans-serif;
margin: 1em;
}
h3 {
border-top: 1px solid #ddd;
padding-top: 0.5em;
margin-top: 1em;
}
</style>
</head>
<body>
<h1> IT_COOKIE_LAW DEMO</h1>
<p>
A titolo di esempio, seguono alcuni degli elementi di terze parti più diffusi.<br />
Essi vengono eseguiti solo dopo che hai accettato la cookie policy con le modalità
espresse dal banner informativo. In particolare è possibile accettare le condizioni anche <b>con un semplice scroll della pagina</b>, ma solo dopo un paio di secondi dalla comparsa del banner.<br/>
Il consenso viene registrato mediante un cookie tecnico nominato "cookie_policy_accepted" di default.
Puoi eliminarlo dal browser e ricaricare questa pagina per verificare che gli elementi vengano nuovamente bloccati
e che ricompaia il banner informativo.<br />
Per i dettagli e le modalità per segnalare eventuali problemi o suggerimenti puoi fare riferimento alla <a href="https://github.com/Corsidia/it_cookie_law">documentazione ufficiale del plugin su Github</a>.<br />
</p>
<p>
Buona implementazione!<br />
<em>Corsidia Team</em>
</p>
<h2>Elementi incorporati di terze parti che fanno uso di cookie</h2>
<h3>Script incorporato (embedded)</h3>
<script type='text/blocked'>
alert('Io ero bloccato preventivamente, se mi leggi vuol dire che mi hai appena sbloccato!');
</script>
<h3>Twitter Follow Button</h3>
<a href="https://twitter.com/corsidia" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @Corsidia</a>
<script type="text/blocked">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<h3>Google Map iframe</h3>
<!-- ESEMPIO IFRAME -->
<iframe data-blocked="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d22343.154597946985!2d9.300697549999999!3d45.57256365!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sit!2sit!4v1444996431033" width="450" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
<h3>Youtube Embed</h3>
<!-- ESEMPIO IFRAME -->
<iframe src="#" width="450" height="300" data-blocked="https://www.youtube.com/embed/-1CbbY0k7yI" frameborder="0" allowfullscreen></iframe>
</body>
</html>