쇼핑몰에서 팝업창 하루 안보기 체크 관련 소스는 어떻게 되나요?

쇼핑몰 메인 페이지에서 팝업창 노출시 하루 안보기 소스 알고싶습니다.

해당소스와 코딩 알고싶습니다

하는방법 아시는 분 올려주세요

    2개의 답변이 있어요!

    • 아래와 같이 해보시면 될꺼 같네요

      [HTML]

      <div class="modal"> <a href="javascript:;" class="btn_close">오늘하루열지않음</a> </div>

      [JS]

      $(document).ready(function () { $(".modal .btn_close").click(function () { setCookieMobile( "todayCookie", "done" , 1); $(".modal").hide(); }); }); function setCookieMobile ( name, value, expiredays ) { var todayDate = new Date(); todayDate.setDate( todayDate.getDate() + expiredays ); document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" } function getCookieMobile () { var cookiedata = document.cookie; if ( cookiedata.indexOf("todayCookier=done") < 0 ){ $(".modal").show(); } else { $(".modal").hide(); } } getCookieMobile();

    • 웹상의 팝업창 제어는 일반적으로 Cookie나 localStorage 를 이용해 정보를 저장하고

      JavaScript 를 통해 제어합니다.

      HTML 만을 통해서 쿠키를 제어할 수는 없습니다.

      어떤식으로 제어되는가.

      웹 Cookie는 사용하는 브라우저를 통해 임시로 데이터를 저장 할 수 있는 하나의 공간입니다.

      또한 Cookie에는 시작시간과 만료시간을 저장 할 수 있습니다.

      이러한 특성을 활용해 Cookie에 제한시간을 설정하고 저장하여

      팝업창 노출 여부를 설정 할 수 있습니다.

      이러한 Cookie 제어하는데 주로 JavaScript가 사용됩니다.

      Cookie 를 제어하기 위한 JavaScript소스는 링크를 통해 자세하게 배우실 수 있습니다.

      쿠키사용법링크