Получение URL источника перехода с помощью jQuery или Javascript - Проблема с кешем и Referrer URL

Надеюсь, кто-нибудь сможет помочь : )

Я пытаюсь получить URL источника первого посещения и отправить его в форму. Мы используем плагин Contact Form 7, поэтому я создал скрытое поле ввода, получаю URL источника и присваиваю это значение скрытому полю.

Все работало отлично, пока я не включил кеширование.

Вот функция, которую я использую (на случай, если кому-то понадобится)

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' );

Где "referer-page" - это имя и ID скрытого поля в форме Contact Form 7.

После включения кеша мне пришлось искать решение на Javascript или jQuery для установки cookie.

Я добавил jQuery Cookie Plugin (https://github.com/carhartl/jquery-cookie) и затем пробовал несколько различных вариаций кода ниже для создания cookie и установки значения cookie.

Моя цель: Когда посетитель впервые приходит на сайт, установить значение cookie равным URL источника перехода, но затем сохранять это значение. Например, если посетитель приходит на сайт с google.com и затем перемещается по страницам сайта, когда он заполняет форму, значение в скрытом поле все еще должно быть URL Google с его параметрами.

Вот JS код, который сейчас находится в footer.php темы.

jQuery(document).ready(function($){  // НАЧАЛО ПОЛЬЗОВАТЕЛЬСКОГО JQUERY БЕЗ КОНФЛИКТОВ
    // $.cookie('mysite_referrer', document.referrer);
    // var initreferrer = document.referrer;
    // $.cookie('mysite_referrer', initreferrer);
    //console.log('текущий cookie ref:'+$.cookie('external_referrer_cookie'));
    //console.log('тестирование');
    $.cookie('external_referrer_cookie');
    if ($.cookie('external_referrer_cookie') == 'undefined' ) { 
        // console.log('установка cookie для'+ document.referrer); 
        $.cookie('external_referrer_cookie', document.referrer);
        $('.wpcf7-text.referer-page').val($.cookie('wsg_external_referrer_cookie'));
        console.log('текущий cookie ref:'+$.cookie('wsg_external_referrer_cookie'));
    }
    // $('#referer-page').val($.cookie('external_referrer_cookie'));
    console.log('текущий cookie вне функции ref:'+$.cookie('external_referrer_cookie'));

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

    function checkCookie() {
        if (document.cookie.length > 0 && document.cookie.indexOf(cookieName + '=') != -1) {
                // ничего не делать, cookie уже отправлен
        } else {
                // обработать jQuery анимацию

                // установить cookie, чтобы показать, что пользователь уже посещал
                document.cookie = cookieName + "=1";
        }
    }
    */

}); // КОНЕЦ ПОЛЬЗОВАТЕЛЬСКОГО JQUERY БЕЗ КОНФЛИКТОВ

Как вы можете видеть в закомментированных строках, я пробовал множество подходов, которые нашел в нескольких обучающих материалах. Я борюсь с этим уже пару дней, пожалуйста, помогите : ))

Спасибо