Miro 보드를 다른 웹사이트나 앱에 임베드해 파트너, 동료, 클라이언트와 협업할 수 있습니다.
🚀 작업한 결과물을 더 많은 사람에게 보여주세요. Miroverse에 게시해 7천만 명 이상의 사용자와 공유할 수 있습니다.
실행 가능한 사용자: 보드 편집자
해당 플랜: 모든 플랜
지원되는 앱에 보드 임베드하기
Miro에는 Miro 보드를 쉽게 공유할 수 있는 여러 가지 지원 앱이 있습니다.
Miro 보드를 다른 앱에 임베드하면 해당 앱 사용자에 대한 액세스 권한을 설정하고 앱에서 보드를 열람하고 편집하거나 댓글을 남기도록 허용할 수 있습니다. Miro 측 보드에 대한 액세스 권한에는 영향을 미치지 않습니다. 임베드된 보드의 공유 및 권한 설정 방식을 알아보세요.
Miro의 인기 통합 기능을 임베드하는 방법을 확인하세요.
Miro 임베드는 다음 파트너 제품과도 매끄럽게 작동합니다.
- Notion
- Coda
- Productboard
- Medium
💡 Miro를 다른 Miro 보드에 임베드하려면 보드 URL을 복사해 붙여넣기만 하면 됩니다.
✏️ Miro 마켓플레이스에서 지원되는 앱을 더 찾아보세요.
임베드 코드를 사용해 보드 임베드하기
iFrame을 지원하는 다른 모든 웹사이트 및 플랫폼에서 임베드 코드를 사용해 Miro 보드를 임베드할 수 있습니다. 예로 WordPress와 WebFlow가 있습니다.
다음은 임베드 코드를 사용해 이 페이지에 임베드된 Miro 보드의 예입니다.
보기 전용으로 이 문서에 임베드된 고객 여정 맵 보드
프레젠테이션 모드로 이 문서에 임베드된 고객 여정 맵 보드
임베드 코드 받기
Miro 보드의 임베드 코드 받기
- 보드 왼쪽 상단의 내보내기 아이콘을 클릭하고 임베드를 선택합니다. 또는 보드 오른쪽 상단의 공유를 클릭하고 임베드 탭으로 전환한 다음 임베드 코드 복사를 클릭하세요.
- 표시되는 임베드 창에서 다른 사용자가 사용할 수 있도록 옵션에서 보드 공유 설정을 변경할 수 있습니다. 임베드하기 전에 보드를 공개 액세스로 설정해야 할 수도 있습니다. 공유 권한 설정에 대해 자세히 알아보기
-
사용자가 임베디드 보드를 어떻게 탐색하기를 원하는지에 따라 프리 네비게이션 또는 프레젠테이션을 선택합니다.
- 프리 네비게이션을 선택하면 시작 화면을 설정할 수 있습니다. 시작 화면은 임베드에서 처음에 표시되는 보드의 부분입니다. 이 모드에서 사용자는 보드 내에서 자유롭게 이동할 수 있으며, 보드 콘텐츠를 순서대로 탐색하지는 않습니다.
- 또 다른 옵션은 프레젠테이션 모드에서 보드 방문자에게 프레임 간 전환을 허용합니다. 임베드 메뉴에서 프레젠테이션 모드를 선택하고 임베드에서 처음 표시되는 프레임을 선택합니다. 보드에 프레임이 없으면 생성하라는 메시지가 표시됩니다.
✏️ 같은 Miro 보드를 다른 위치에 임베드하는 경우 다른 시작 화면을 설정할 수 있습니다.
⚠️ 현재 프레젠테이션 모드로 임베드된 보드에서 링크와 동영상을 클릭할 수 없습니다.
-
임베드 코드 복사를 클릭합니다.
Miro 보드의 임베드 코드 가져오기
-
보드를 임베드하려는 웹사이트나 플랫폼으로 이동해 복사한 코드를 페이지 코드에 삽입하면 됩니다.
임베드된 보드를 탐색, 편집하거나 댓글을 남길 수 있게 허용하기
임베드 코드로 임베드된 보드에 대한 액세스는 Miro 보드의 공유 상태에 따라 달라지며 Miro 측과 동일합니다. Miro 프로필이 없는 사용자가 임베드된 보드를 사용할 수 있게 하려면 보드 공유 창에서 보드 링크가 있는 모든 사용자가 보드에 액세스할 수 있게 설정하세요.
공유 설정에서 보드 공개
공개 링크를 끄면 Miro 보드에 직접 액세스할 수 없는 사용자는 해당 보드를 볼 수 없습니다. 보드에 액세스할 수 있는 사용자를 확인하는 방법은 여기를 참조하세요.
✏️️ 보드 링크가 있는 모든 사용자에게 보드 편집을 허용하는 옵션은 유료 및 Education 플랜에서만 사용할 수 있습니다.
✏️ Enterprise 플랜 관리자는 보안 설정에서 공개 공유를 허용하거나 제한할 수 있습니다.
자동 재생 사용하기
기본적으로 Miro 임베드는 프리로더 화면으로 열립니다. 보드 이름이 표시되고 사용자는 보드 보기 버튼을 클릭해 보드 콘텐츠를 불러오거나, 공개 보드가 아닌 경우 액세스 권한을 요청하라는 메시지가 표시됩니다.
사용자가 보드 보기 버튼을 클릭하지 않고도 보드 콘텐츠를 불러올 수 있게 하려면 보드 자동 재생을 활성화하세요.
<iframe width="768" height="432" src="https://miro.com/app/live-embed/boardkey/?moveToViewport=-3099,-2331,6592,3135&embedId=384117199927
&autoplay=yep" frameBorder="0" scrolling="no" allowFullScreen></iframe>
iFrame 코드의 보드 URL 뒤에 &embedAutoplay=true를 추가합니다. 예:
<iframe width="768" height="432" src="https://miro.com/app/live-embed/boardkey/?moveToViewport=-3099,-2331,6592,3135&embedId=384117199927&embedAutoplay=true" frameBorder="0"scrolling="no" allowFullScreen></iframe>
⚠️ 자동 재생은 Miro 보드가 외부 웹페이지에 임베드된 경우에만 적용됩니다. Miro 보드를 다른 Miro 보드에 임베드하면 재생 버튼이 항상 표시됩니다.
임베드된 보드가 사용자에게 표시되는 방식
웹사이트에 임베드된 보드의 인터페이스는 Miro 앱 및 브라우저 탭의 보드 인터페이스와 약간 다릅니다.
- 임베드된 보드 왼쪽 상단의 보드 이름은 클릭할 수 없습니다.
- 미니맵 패널과 메모는 임베드된 보드를 열 때 자동으로 열리지 않습니다.
- 보드 설정에는 시작 화면 설정, 앱 및 툴 검색, 프로필 설정 등의 옵션이 없습니다.
- 내보내기 메뉴에서는 다음 옵션만 사용할 수 있습니다: 템플릿으로 저장, GoogleDrive로 보내기, JIRA에 추가, 인터랙티브 디스플레이로 보내기
- 팝업은 임베드된 보드에서 사용할 수 없습니다.
⚠️ iFrame 기술 제한으로 인해 임베드된 보드의 로딩 시간이 평소보다 길어질 수 있습니다.
⚠️ 브라우저에서 타사 쿠키가 차단된 경우 임베드된 보드 표시에 예기치 않은 문제가 발생할 수 있습니다.
⚠️ 모바일 장치에서는 현재 임베드된 보드 보기만 가능합니다.
자주 묻는 질문
보드에 미디어를 임베드하는 방법을 여기에서 자세히 알아보세요.