Кросс-доменные файлы cookie на поддоменах

Question

У меня есть три сайта с URL-адресом -

www.xyz.com
account.xyz.com
admin.xyz.com

Я хочу, чтобы все три использовали один и тот же файл cookie. Если я открою любой из вышеуказанных URL-адресов, моё модальное всплывающее окнодолжен быть виден, и cookie должен быть сохранен, но если я пытаюсь открыть другую ссылку, всплывающее окно не должно быть видимым, так как cookie установлен.

Я разработал логику и отлично работает в localhost с различными портами, но для живого сайта это не так.Это работает только для одного сайта!Может кто-нибудь помочь мне с решением для этого.

Заранее спасибо!

Код -

$(window).load(function() {

  $('#slideinModal').modal('show');

  var popVisible = true;

  if (popVisible === true) {
    $('body').css({
      'overflow': 'inherit',
      'padding': '0'
    });

    // Set Cookie
    function setCookie(cname, cvalue, exdays) {
      var now = new Date();
      var time = now.getTime();
      time += 24 * 3600 * 1000;
      now.setTime(time);
      document.cookie = 'username=' + cname + '; expires=' + now.toUTCString() + '; path=/';
    }

    function getCookie(cname) {
      var name = cname + "=";
      var decodedCookie = decodeURIComponent(document.cookie);
      var ca = decodedCookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
          c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
          return c.substring(name.length, c.length);
        }
      }
      return "";
    }

    // Check Cookie
    function checkCookie() {
      var user = getCookie("username");
      if (user != "") {
        dynamiClass();
        //alert("Welcome again " + user);
      } else {
        user = popVisible;
        if (user != "" && user != null) {
          setCookie("username", user, 30);
        }
      }
    }
    checkCookie();
    popVisible = false;
  }
});

// Toggle Logic
$('body').click(function (evt) {
    if ($(evt.target).closest('.modal-backdrop').length) {
        dynamiClass();
    }
});

// Close Modal on Overlay
$('.toggle-offer-modal').on('click', function (e) {
    e.preventDefault();
    dynamiClass();
});

$('.toggleSlide-button').click(function () {
    dynamiClass();
});

function dynamiClass() {
    var oh = 250; //$('#slideinModal .modal-content').outerHeight();
    $('.toggle-offer-modal').parents('#slideinModal').toggleClass('toggleActive');

    if ($('#slideinModal').hasClass('toggleActive')) {
        $('.toggleSlide-button').addClass('open');
        $('.toggle-offer-modal').parents('#slideinModal').css('bottom', -oh + 40);
        $('body').addClass('slideInOn');
        $('body').removeClass('modal-open');
        $('body').attr('style', '');
    }
    else {
        $('.toggleSlide-button').removeClass('open');
        $('.toggle-offer-modal').parents('#slideinModal').css('bottom', 0);
        $('body').removeClass('slideInOn');
        $('body').css({ 'overflow': 'inherit', 'padding': '0' });
    }
}