쿠키를 활용하여 톱 페이지 슬라이더를 전환하는 방법

"특정 페이지를 보았다"라든지, "한 페이지를 몇 번 이상 방문했다"라는 정보를 쿠키에 저장하고, 그 조건을 규칙으로 설정하고, 사이트의 톱에 있는 슬라이더의 내용을 변경하는 설정을 소개해 보겠습니다.

이번에는 site2015 테마를 이용하고 있을 때의 설정이 됩니다.

쿠키 설정

어떤 조건에 따라 다르지만, 이번에는 products/domestic 상세 페이지를 보았을 때와 products/business 상세 페이지를 보았을 때 카테고리 코드를 interest라는 쿠키에 저장합니다.

/themes/site2015/products/entry.html의 head 안에 다음 JavaScript를 설정합니다.

entry.html

    <script>
    var cookie_interest = 'interest';
    var expires_day = 30;
    var ary_ccd = ['domestic','business'];

    ACMS.Ready(function() {
        if( ary_ccd.indexOf( '%{CCD}' ) >= 0 ){
            // 保存
            $.cookie( cookie_interest, '%{CCD}', { expires: expires_day , path: '/' });
        }
    });
    </script>

규칙 설정 (가정용 제품시)

조건 설정

규칙에 쿠키의 이름(interest)과 값(domestic)을 설정합니다.

interest = domestic 에서 가정용 제품 페이지에 액세스한 적이 있다는 조건이 됩니다.

모듈 ID 설정

Ver.2.5부터 룰 기능으로 모듈 ID를 설정할 수 있습니다. 가정용 제품의 경우 "모듈 ID"버튼을 클릭하면 가정용 제품의 경우 모듈 ID 목록이 표시됩니다.



topImage "톱 페이지의 메인 이미지"라는 모듈 ID의 설정을 변경하여 슬라이더의 이미지를 변경할 수 있습니다.

횟수를 계산하는 예

첫 번째 JavaScript와 달리 횟수를 계산하는 샘플입니다.

entry.html

    <script>
    var cookie_repeat = 'repeat';
    var expires_day = 30;

    ACMS.Ready(function() {
        num = $.cookie( cookie_repeat );
        if( !( parseInt(num) > 0) ){
            num = 1;
        }else{
            num = parseInt(num) + 1;
        }
        $.cookie( cookie_repeat, num, { expires: expires_day , path: '/' });
    });
    </script>