카나페 임베드v2.0.0
문서 둘러보기

빠른 시작

카나페 일반 이벤트를 내 사이트에 표시하는 방법을 세 단계로 따라 해 보세요.

이벤트 주소 복사하기

카나페 에디터에서 일반 이벤트를 배포하고 이벤트 주소를 복사하세요. 주소는 https://canape.im/event/로 시작합니다.

내 이벤트가 아직 없다면 홈의 삽입 미리보기에서 샘플을 실행해 보세요.

임베드 코드 만들기

아래에 이벤트 주소를 붙여 넣고 생성된 HTML 코드를 복사하세요.

주소를 입력하거나 아래 샘플 코드를 복사해 보세요.

HTML
<script
  defer
  src="https://cdn.canape.im/_static/js/canape-embed-helper/@2.0.0/canape-embed-helper.js"
></script>

<div data-canape-event="63cb945984b6e591a5b5049e52d3d9e1d992b0f15df2fca32018af2d0cc99c68"></div>

코드 생성기는 주소에서 이벤트 ID만 가져옵니다. 주소에 회원 ID를 넣어 쓰던 경우 회원 ID 연결하기에서 로그인한 회원의 ID를 전달하는 방법을 확인하세요.

붙여 넣고 확인하기

복사한 코드를 사이트에서 이벤트를 보여줄 위치에 붙여 넣으세요. 사이트 편집기를 쓴다면 HTML 블록에 붙여 넣고 저장합니다.

페이지를 열어 이벤트가 보이면 완료입니다. 표시되지 않으면 문제 해결에서 주소와 스크립트 로드를 확인하세요.

연동 더하기