URL di riferimento con jQuery o Javascript - Problema di Cache e URL Referrer

Spero che qualcuno possa aiutarmi : )

Quello che sto cercando di fare è ottenere l'URL referrer della prima visita e inviarlo al form. Utilizziamo il plugin Contact Form 7, quindi ho creato un campo input nascosto, acquisisco l'URL referrer e assegno quel valore al campo nascosto.

Tutto funzionava bene, finché non ho abilitato il caching.

Questa è la funzione che uso (nel caso in cui qualcuno ne abbia bisogno)

function getRefererPage( $form_tag ){
    if(!isset($_COOKIE['external_referrer_cookie']))
    {

    }
    if ( $form_tag['name'] == 'referer-page' ) {
        $form_tag['values'][] = $_COOKIE['external_referrer_cookie'];
    }
    return $form_tag;
}
add_filter( 'wpcf7_form_tag', 'getRefererPage' );

Dove "referer-page" è il nome e l'ID del campo nascosto nel form di Contact Form 7.

Una volta abilitato il cache, ho dovuto pensare a una soluzione Javascript o jQuery per impostare il cookie.

Ho aggiunto il jQuery Cookie Plugin (https://github.com/carhartl/jquery-cookie) e poi ho provato diverse varianti del codice sottostante per creare un cookie e impostarne il valore.

Il mio obiettivo è: quando un visitatore arriva per la prima volta, impostare il valore del cookie all'URL referrer, ma poi mantenere il valore, per esempio se il visitatore arriva al sito da google.com e poi naviga tra le pagine del sito, quando compila il form, il valore nel campo nascosto dovrebbe essere ancora l'URL di Google con i suoi parametri.

Questo è il codice JS che ho attualmente nel footer.php del tema.

jQuery(document).ready(function($){  // INIZIO JQUERY PERSONALIZZATO NO CONFLICT
    // $.cookie('mysite_referrer', document.referrer);
    // var initreferrer = document.referrer;
    // $.cookie('mysite_referrer', initreferrer);
    //console.log('current cookie ref:'+$.cookie('external_referrer_cookie'));
    //console.log('testing');
    $.cookie('external_referrer_cookie');
    if ($.cookie('external_referrer_cookie') == 'undefined' ) { 
        // console.log('setting cookie for'+ document.referrer); 
        $.cookie('external_referrer_cookie', document.referrer);
        $('.wpcf7-text.referer-page').val($.cookie('wsg_external_referrer_cookie'));
        console.log('current cookie ref:'+$.cookie('wsg_external_referrer_cookie'));
    }
    // $('#referer-page').val($.cookie('external_referrer_cookie'));
    console.log('current cookie out of function ref:'+$.cookie('external_referrer_cookie'));

    /*
    var cookieName = 'cookietest';
    $(function() {
        checkCookie();
    });

    function checkCookie() {
        if (document.cookie.length > 0 && document.cookie.indexOf(cookieName + '=') != -1) {
                // non fare nulla, cookie già inviato
        } else {
                // gestisci l'animazione jQuery

                // imposta il cookie per mostrare che l'utente ha già visitato
                document.cookie = cookieName + "=1";
        }
    }
    */

}); // FINE JQUERY PERSONALIZZATO NO CONFLICT

Come puoi vedere nelle righe commentate, ho provato molti approcci che ho trovato in diversi tutorial online. Sto lottando con questo problema da un paio di giorni, per favore aiutatemi : ))

Grazie