이벤트리스트 페이지는 현재 우리가 서비스 하고 있는 이벤트 리스트를 페이지를 통해서 보여주고자 할 경우에 사용할 수 있습니다.
이벤트 리스트는 API 를 직접 호출해서 가져올 수도 있지만, 고객께서 별도의 화면을 구성하는 개발 공수를 줄여줍니다.
본 기능은 아래와 같은 경우에 사용하세요.
별도의 개발 없이 진행 중인 이벤트 리스트를 불러와서 한눈에 리스트로 보여주고자 할 경우
특정 매장에서 진행하는 이벤트만 모아서 리스트를 보여주고자 할 경우
특정 사용자가 참여한 이벤트만 모아서 리스트를 보여주고자 할 경우
이벤트 리스트 페이지 이름을 eventkiki_list.html 이라고 생성하시고, 해당 페이지 안에 리스트 페이지 태그를 넣어 주시면 해당 이벤트 리스트가 디자인되어 표현 됩니다.
구분 | 파일명 | 용도 |
이벤트 조회 리스트 페이지 | eventkiki_list.html | 현재 진행 중인 이벤트 리스트를 조회합니다. |
기본 이벤트 상세 페이지 | eventkiki_mg_detail.html | 기본 이벤트 상세를 호출합니다. |
미션 이벤트 상세페이지 | eventkiki_me_detail.html | 미션 이벤트 상세를 호출합니다. |
3개 페이지 파일명은 반드시 위 표의 파일명으로 해 주시면 아래와 같이 자동으로 리스트 페이지 → 상세페이지를 동작시킬 수 있습니다.
아래와 같이 태그를 넣으시면 해당 영역에 이벤트를 조회된 이벤트를 리스트업해 줍니다.
불러오고자 하는 이벤트리스트 종류는 ul 태그 내에 id 를 원하는 리스트 종류에 맞게 수정해서 넣어 주세요.
리스트 페이지 호출시 스토어별 이벤트 리스트가 필요한 경우에는 스토어 ID 만 storeId 변수명으로 GET 으로 전달해 주세요. 이벤트키키 스크립트에서 해당 변수를 받아서 ul 내 data-id 로 자동 설정합니다.
태그 설정 | 설명 |
id="kiki_me_all_list" | 현재 실행중인 미션 이벤트 전체를 불러옵니다 |
id="kiki_mg_all_list" | 현재 실행중인 기본 이벤트 전체를 불러옵니다 |
id="kiki_me_store_list" | 현재 실행중인 가맹점 미션 이벤트를 불러옵니다. |
id="kiki_me_user_list" | 사용자가 참여한 미션 이벤트만 불러옵니다. |
id="kiki_me_store_user_list" | 사용자가 참여한 가맹점 리스트만 불러옵니다. |
id="kiki_mg_user_list" | 사용자가 참여한 기본 이벤트만 불러옵니다. |
data-hostId="호스트ID" | 이벤트키키 호스트 ID 를 대시보드에서 확인 후 넣어 주세요. |
data-pluginType="플러그인 타입" | 플러그인 타입은 아래와 같습니다. 카페24: C24 슈퍼커넥트 : WMO 플렉스지 : FXG 샵바이 : SHB 이벤트키키 자체 연동 : EKK |
이벤트 리스트에서 이벤트를 클릭하면 상세페이지로 이동합니다.
eventkiki_mg_detail.html 페이지를 생성하시고 리스트 페이지와 동일한 폴더에 저장해 주신 후, 아래 코드를 페이지에 넣어 주세요.
리스트 페이지에서 알아서 호출하므로 아래 코드만 넣어 주시면 됩니다. 상세페이지는 리스트 페이지에서 자동으로 호출되기 때문에 아래 태그를 수정하실 필요가 없습니다.
이벤트 리스트에서 이벤트를 클릭하면 상세페이지로 이동합니다.
eventkiki_me_detail.html 페이지를 생성하시고 리스트 페이지와 동일한 폴더에 저장해 주신 후, 아래 코드를 페이지에 넣어 주세요.