Sergio Pinna

Web Designer

privacy-policy

Pop-up informativo della privacy

Se come me hai una pagina di descrizione della Informativa della privacy (per averne un esempio, la puoi trovare qui), l’utente che dovrà compilare un form sarà obbligato, prima a dover andare alla pagina dell’informativa, e dopo, ritornare sulla pagina del form che stava compilando… uno spreco di tempo e una pessima idea per la user experience!

…quindi, perché dovresti mandare un utente in un’altra pagina quando si possono usare i pop-up?

Nel min-tutorial che ho creato parto dal presupposto che tu utilizzi Bootstrap, probabilmente il più usato framework CSS del mondo, dunque ho sfruttato la possibilità di creare dei modal (il pop-up personalizzato) di Bootstrap.

Se desideri un aiuto nella stesura del testo della tua Informativa sulla privacy, potresti dare un’occhiata a questo tutorial molto semplice ed esplicativo: “Come Creare un’Informativa sulla Privacy per un Sito Web“.

Ma c’è un rischio: il rischio è che Google indicizzi il contenuto della vostra pagina con tutte le parole del testo dell’Informativa sulla privacy, per ovviare a ciò, è necessario usare dei tag appositi. Tutto quello che viene inserito all’interno di questi tag non verrà indicizzato da Google:

<!-- googleoff: all -->
TESTO NON INDICIZZATO DA GOOGLE
<!-- googleon: all -->

Come procedere

1. bootstrap.js

Se nel tuo tema è già presente bootstrap.js salta questo passaggio, altrimenti, in functions.php, aggiungi questa funzione, che non farà altro che chiamare da un CDN il file di bootstrap.min.js (minificato):

function wp_bootstrap_theme_js(){
	wp_register_script('cdn-bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), '', TRUE );
	wp_enqueue_script('cdn-bootstrap-js');
}
add_action('wp_enqueue_scripts', 'wp_bootstrap_theme_js' );

2. pulsante “privacy” in CF7

Nel tuo CF7 inserisci questo link:

<a href="#" data-toggle="modal" data-target="#myModal">privacy</a>

3. testo della privacy

Apri il file functions.php ed inserisci la funzione qui sotto; naturalmente ove c’è scritto

dovrai inserire il testo della tua Informativa sulla privacy

function informativa_privacy_function() {
	return '
		
		
		
	';
}
add_shortcode('informativa_privacy', 'informativa_privacy_function');

4. l’aggiunta dello shortcode

Sotto lo shortcode di CF7 aggiungi, se lo inserisci dall’amministrazione:

[informativa_privacy]

oppure, se lo inserisci in un file .php (single.php, index.php, ecc. ecc.):

5. un po’ di CSS

Per rendere non troppo lungo il box della Informativa della privacy aggiungi qualche riga di CSS al file style.css del tuo tema:

.modal-body {
	max-height: 600px; /* o qualsiasi altezza vuoi */
	overflow-y: auto;
}

Controlla con Firebug (mediante il tab Console attivo) o con l’Ispeziona di Google Chrome, se vi siano errori javascript.
Finito!

Fonte:
Come Creare un’Informativa sulla Privacy per un Sito Web;
Tell Google to Not Index Certain Parts of Your Page;
Tracking form submissions with Google Analytics;
Bootstrap3, Modal;

Condividi questo articolo