스크린에 웹사이트와 임베드 띄우기
웹페이지는 웹사이트 앱으로 띄웁니다. 대시보드나 지도처럼 서비스가 별도의 임베드 URL로 제공하는 콘텐츠는 임베드 앱으로 띄웁니다. 두 앱 모두 파일 > 새로 만들기 > 새 앱 순서로 추가하며, 추가한 뒤에는 다른 항목과 똑같이 재생목록과 스케줄에 넣거나 스크린으로 바로 보낼 수 있습니다.
웹사이트 추가하기
- 파일 메뉴로 이동해 새로 만들기 버튼을 클릭하세요.
- 새 앱 항목을 고른 다음 웹사이트 앱을 고르세요.
- https://로 시작하는 페이지 주소를 붙여 넣으세요.
- 필요하면 확대 비율과 새로고침, 사전 로드를 설정하세요. 오른쪽에 실시간 미리보기가 나옵니다.
- 저장 버튼을 클릭하세요. 페이지를 곧바로 스크린에 보내려면 스크린에 전송 버튼을 클릭하세요.
Google Sheets, Google Slides, Google Docs, Google 캘린더, Canva 링크는 Screenbird가 스크린에서 제대로 보이는 형태로 알아서 바꿔 줍니다.
설정
- 확대/축소(%): 50%~200% 사이로 정합니다. 높이면 글자와 이미지가 커지고, 낮추면 페이지의 더 많은 부분이 한 화면에 보입니다.
- 자동 새로고침: 새로고침(분) 항목에서 1~60분 사이로 정한 간격마다 페이지를 다시 불러옵니다. 새 버전이 준비될 때까지 스크린은 이전 버전을 계속 보여 주므로 화면이 비는 순간이 없습니다. 재생목록에 들어 있는 페이지는 재생목록이 한 바퀴 돌 때마다 어차피 다시 불러오므로, 자동 새로고침은 페이지를 오래 띄워 둘 때 특히 쓸모가 있습니다.
- 사전 로드(초): 0~30초 사이로 정합니다. 페이지를 불러온 다음 이 시간만큼 페이지가 다 그려지기를 기다렸다가 스크린에 띄웁니다. 몇 초가 지나야 수치가 나타나는 대시보드에 유용합니다.
임베드 앱에서는 확대 비율과 함께 새로고침(분) 항목을 정하며, 이 항목의 기본값은 5분입니다.
웹사이트가 왜 빈 화면으로 나오나요?
스크린은 웹사이트를 프레임 안에 띄웁니다. 어떤 사이트가 다른 사이트의 동영상을 끼워 넣는 것과 같은 방식입니다. 그런데 일부 웹사이트는 이것을 허용하지 않습니다. 이런 사이트는 브라우저가 페이지를 프레임 안에 표시하지 못하게 하는 설정(X-Frame-Options 또는 Content-Security-Policy)을 함께 보냅니다. 그러면 스크린에서도, 미리보기에서도 그 영역이 빈 채로 남습니다. 이는 해당 웹사이트가 정한 것이며 Screenbird의 오류가 아닙니다.
앱 설정 창은 링크를 입력하는 즉시 검사하고, 스크린에서 빈 화면으로 남을 페이지라면 주소 아래에 알려 줍니다. 설정 창이 함께 알려 주는 다른 원인은 다음과 같습니다.
- 페이지에 로그인이 필요합니다. 스크린에는 로그인된 계정이 없습니다.
- 페이지가 더 이상 존재하지 않습니다.
- 사이트가 응답하지 않습니다.
어떻게 하면 되나요?
- 임베드용 버전을 찾아보세요. 많은 서비스가 프레임 안에서도 작동하는 별도의 임베드 URL이나 공유 링크를 제공합니다. 그 주소를 임베드 앱에 넣어 쓰세요.
- 직접 관리하는 사이트라면 https://player.screenbird.app에서 사이트를 임베드할 수 있도록 허용하세요. 임베드 앱을 쓴다면 https://integrations.screenbird.app에서도 똑같이 허용하세요.
- 데이터를 Designer에서 만든 디자인으로 보여 주거나, 스크린샷을 이미지로 내 파일에 넣으세요.
- Google이나 Microsoft 문서는 링크 대신 계정 연결로 띄우는 것이 가장 좋습니다. Google Workspace 연결하기 문서와 Microsoft 365 연결하기 문서를 참고하세요.
자주 묻는 질문
스크린에 띄운 웹사이트를 자동으로 스크롤할 수 있나요?
아니요. 브라우저는 다른 웹사이트를 바깥에서 스크롤할 수 없습니다. 긴 페이지의 더 많은 부분을 보여 주려면 확대/축소(%) 값을 낮추거나 더 짧은 페이지를 고르세요.
웹사이트 앱과 임베드 앱은 무엇이 다른가요?
웹사이트 앱은 일반 웹페이지용이며 사전 로드 시간도 정할 수 있습니다. 임베드 앱은 서비스가 자체 콘텐츠를 다른 페이지에 보여 줄 수 있도록 제공하는 임베드 URL용입니다.
http:// 주소만 있는 페이지도 쓸 수 있나요?
항상 https://로 시작하는 주소를 쓰세요. 많은 스크린이 보안이 적용되지 않은 페이지를 거부합니다.