pedf
/
domu-nevidis
1
0
Fork 0
Code Releases Activity

Add cookie modal and FB Pixel tracking

Browse Source 
This is a dirty and bloaty solution, but is faster than writing my own
code for this. The tracking is not enabled unless our user accepts the
cookie modal.
master
Emil Miler 2 years ago
parent 5f0190275a
commit d2c4589137
3 changed files with 119 additions and 5 deletions
Show Stats Download Patch File Download Diff File

28
index.html
Unescape Escape View File

@ -5,9 +5,25 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/static/css/style.css" rel="stylesheet"> <link href="/static/css/style.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/orestbida/cookieconsent@v2.8.9/dist/cookieconsent.css" rel="stylesheet" media="print" onload="this.media='all'">
<link rel="icon" type="image/png" href="/static/img/favicon.png"> <link rel="icon" type="image/png" href="/static/img/favicon.png">
</head> </head>
<body> <body>
<!-- Meta Pixel Code -->
<script type="text/plain" data-cookiecategory="analytics">
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1242241350062174');
fbq('track', 'PageView');
console.log("fbp tracking enabled");
</script>
<!-- End Meta Pixel Code -->
<div class="intro"> <div class="intro">
<header> <header>
<div class="wrap"> <div class="wrap">
@ -396,10 +412,12 @@
</div> </div>
</footer> </footer>
<script type="text/javascript" src="/static/js/nav.js"></script> <script type="text/javascript" src="/static/js/nav.js"></script>
<script type="text/javascript" src="/static/js/player.js"></script> <script type="text/javascript" src="/static/js/player.js"></script>
<script type="text/javascript" src="/static/js/accordion.js"></script> <script type="text/javascript" src="/static/js/accordion.js"></script>
<script type="text/javascript" src="/static/js/principles.js"></script> <script type="text/javascript" src="/static/js/principles.js"></script>
<script type="text/javascript" src="/static/js/vanilla-tilt.js"></script> <script type="text/javascript" src="/static/js/vanilla-tilt.js"></script>
<script type="text/javascript" src="/static/js/cookieconsent.js"></script>
<script type="text/javascript" src="/static/js/cookieconsent-init.js"></script>
</body> </body>
</html> </html>

89
static/js/cookieconsent-init.js
Unescape Escape View File

@ -0,0 +1,89 @@
// obtain plugin
var cc = initCookieConsent();
// run plugin with your configuration
cc.run({
current_lang: 'cs',
autoclear_cookies: true, // default: false
page_scripts: true, // default: false
// mode: 'opt-in' // default: 'opt-in'; value: 'opt-in' or 'opt-out'
// delay: 0, // default: 0
// auto_language: null // default: null; could also be 'browser' or 'document'
// autorun: true, // default: true
// force_consent: false, // default: false
// hide_from_bots: true, // default: true
// remove_cookie_tables: false // default: false
// cookie_name: 'cc_cookie', // default: 'cc_cookie'
// cookie_expiration: 182, // default: 182 (days)
// cookie_necessary_only_expiration: 182 // default: disabled
// cookie_domain: location.hostname, // default: current domain
// cookie_path: '/', // default: root
// cookie_same_site: 'Lax', // default: 'Lax'
// use_rfc_cookie: false, // default: false
// revision: 0, // default: 0
onFirstAction: function(user_preferences, cookie){
// callback triggered only once
},
onAccept: function (cookie) {
// ...
},
onChange: function (cookie, changed_preferences) {
// ...
},
languages: {
'cs': {
consent_modal: {
title: 'Cookies',
description: 'Tato stránka využívá analytické cookies, kterými sledujeme způsob využívání obsahu a návštěvnost. Zvolte, prosím, zda s jejich využitím souhlasíte.',
primary_btn: {
text: 'Souhlasím',
role: 'accept_all' // 'accept_selected' or 'accept_all'
},
secondary_btn: {
text: 'Odmítám',
role: 'accept_necessary' // 'settings' or 'accept_necessary'
}
},
settings_modal: {
title: 'Cookie preferences',
save_settings_btn: 'Save settings',
accept_all_btn: 'Accept all',
reject_all_btn: 'Reject all',
close_btn_label: 'Close',
cookie_table_headers: [
{col1: 'Name'},
{col2: 'Domain'},
{col3: 'Expiration'},
{col4: 'Description'}
],
blocks: [
{
title: 'Cookie usage 📢',
description: 'I use cookies to ensure the basic functionalities of the website and to enhance your online experience. You can choose for each category to opt-in/out whenever you want. For more details relative to cookies and other sensitive data, please read the full <a href="#" class="cc-link">privacy policy</a>.'
}, {
title: 'Strictly necessary cookies',
description: 'These cookies are essential for the proper functioning of my website. Without these cookies, the website would not work properly',
toggle: {
value: 'necessary',
enabled: true,
readonly: true // cookie categories with readonly=true are all treated as "necessary cookies"
}
}, {
title: 'Performance and Analytics cookies',
description: 'These cookies allow the website to remember the choices you have made in the past',
toggle: {
value: 'analytics', // your cookie category
enabled: false,
readonly: false
}
}
]
}
}
}
});

7
static/js/cookieconsent.js
View File

File diff suppressed because one or more lines are too long
Write Preview
Loading…
Cancel
Save