Add cookie modal and FB Pixel tracking

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.
2 years ago · d2c4589137
parent 5f0190275a
commit d2c4589137
3 changed files with 119 additions and 5 deletions
--- a/index.html
+++ b/index.html
@ -5,9 +5,25 @@
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<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">
 	</head>
 	<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">
 			<header>
 				<div class="wrap">
@ -401,5 +417,7 @@
 		<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/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>
 </html>
--- a/static/js/cookieconsent-init.js
+++ b/static/js/cookieconsent-init.js
@ -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
                        }
                    }
                ]
            }
        }
    }
 });
--- a/static/js/cookieconsent.js
+++ b/static/js/cookieconsent.js