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');Informativa sulla privacy
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;