Gestione Consenso

foto

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="cookie2.aspx.vb" Inherits="cookie2" %>

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>ASP.NET Page with Bootstrap Modal</title>

    <!-- Includi il foglio di stile Bootstrap CSS -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />

</head>

<body>

 

 

 

 

    <script>

        window.dataLayer = window.dataLayer || [];

        function gtag() { dataLayer.push(arguments); }

        gtag('consent', 'default', {

            'ad_user_data': 'denied',

            'ad_personalization': 'denied',

            'ad_storage': 'denied',

            'analytics_storage': 'denied',

            'wait_for_update': 500,

        });

        gtag('js', new Date());

        gtag('config', 'G-2LMLDKP7RR');

    </script>

 

 

 

    <form id="form1" runat="server">

    <!-- Modal -->

    <div class="modal fade" id="modal-3" tabindex="-1" role="dialog" aria-labelledby="modal-label-3" aria-hidden="true">

        <div class="modal-dialog modal-lg">

            <div class="modal-content">

                <div class="modal-header">

                    <h4 id="modal-label-3" class="modal-title">Large Modal</h4>

                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>

                </div>

                <div class="modal-body">

                    <div class="row mb20">

                        <div class="col-md-12">

                            <p>

                                I cookie sono piccoli file di testo che possono essere utilizzati dai siti web per rendere più efficiente l'esperienza per l'utente.

 

La legge afferma che possiamo memorizzare i cookie sul tuo dispositivo se sono strettamente necessari per il funzionamento di questo sito. Per tutti gli altri tipi di cookie ci serve il tuo permesso.

 

Questo sito utilizza diversi tipi di cookie. Alcuni cookie sono posti da servizi di terzi che compaiono sulle nostre pagine. 

                            </p>

                        </div>

                    </div>

                    <div class="row">

                        <div class="col-md-6 xs-box">

                            <div class="box-services-a">

                                <h3>Statistics</h3>

                                <asp:CheckBox ID="CheckBox1" runat="server" Text="Consent to Statistics" />

                            </div>

                        </div>

                        <div class="col-md-6">

                            <div class="box-services-a">

                                <h3>Marketing</h3>

                                <asp:CheckBox ID="CheckBox2" runat="server" Text="Consent to Marketing" />

                            </div>

                        </div>

                    </div>

                </div>

                <div class="modal-footer">

                    <!-- Button to close the modal -->

                    <asp:Button ID="Button1" runat="server" Text="Close" CssClass="btn btn-secondary" />

                    <!-- Button to grant consent -->

                    <asp:Button ID="GrantConsentButton" runat="server" Text="Accetto i Cookie" CssClass="btn btn-primary" />

                </div>

            </div>

        </div>

    </div>

 

    <!-- Label to display the status of consent -->

    <asp:Label ID="LabelService1" runat="server" Text=""></asp:Label>

    <asp:Label ID="LabelService2" runat="server" Text=""></asp:Label>

</form>

 

<!-- Include jQuery and Bootstrap JavaScript -->

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

 

<script>

    $(document).ready(function () {

        // Verifica se il consenso è stato già concesso

        var statisticsConsent = localStorage.getItem("statisticsConsent");

        var marketingConsent = localStorage.getItem("marketingConsent");

 

        if (statisticsConsent === null || marketingConsent === null) {

            setTimeout(function () {

                $('#modal-3').modal('show');

            }, 3000);

        }

    });

 

    $('#GrantConsentButton').click(function () {

        // Check the status of consent checkboxes

        var statisticsConsent = $('#<%= CheckBox1.ClientID %>').prop('checked');

        var marketingConsent = $('#<%= CheckBox2.ClientID %>').prop('checked');

 

        // Update the labels with the consent status

        $('#<%= LabelService1.ClientID %>').text('Statistics consent: ' + statisticsConsent);

        $('#<%= LabelService2.ClientID %>').text('Marketing consent: ' + marketingConsent);

 

        // Update the consent in the dataLayer

        gtag('consent', 'update', {

            ad_user_data: statisticsConsent ? 'granted' : 'denied',

            ad_personalization: statisticsConsent ? 'granted' : 'denied',

            ad_storage: marketingConsent ? 'granted' : 'denied',

            analytics_storage: marketingConsent ? 'granted' : 'denied'

        });

 

        // Set consent status in localStorage

        localStorage.setItem("statisticsConsent", statisticsConsent);

        localStorage.setItem("marketingConsent", marketingConsent);

 

        // Load gtag.js script if either consent is granted

        if (statisticsConsent || marketingConsent) {

            var gtagScript = document.createElement('script');

            gtagScript.async = true;

            gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-2LMLDKP7RR';

            var firstScript = document.getElementsByTagName('script')[0];

            firstScript.parentNode.insertBefore(gtagScript, firstScript);

        }

 

        // Close the modal

        $('#modal-3').modal('hide');

    });

</script>

</body>

</html>