Facebook, Vimeo, YouTube 소셜 미디어에서 비디오를 공유하고 사이트 또는 페이지에 iframe을 임베드할 수 있습니다.
시작하려면 Portal for ArcGIS에 로그인하고 오버뷰 페이지에서 사이트를 선택하여 사이트 목록을 확인합니다.
팁:
브라우저에서 사이트를 볼 때도 사이트를 편집할 수 있습니다. 로그인하고 사이트 좌측에서 편집 버튼을 찾으세요.
비디오 표시
비디오 카드를 추가하여 YouTube, Vimeo, Facebook 비디오를 임베드합니다.
- 비디오 카드를 기존 행에 드래그합니다.
- 해당 카드 위에 마우스를 놓고 편집 버튼 을 선택하여 편집 모드로 전환합니다.
- Facebook, Vimeo, YouTube의 비디오 URL을 비디오 URL 필드에 붙여넣습니다.
- 비디오 출처에 따라 비디오 표시를 구성할 수 있는 추가 옵션이 나타납니다.
- Facebook 비디오의 경우 게시물 텍스트 표시를 선택하여 좋아요, 댓글, 공유의 개수와 기타 관련 텍스트를 표시할 수 있습니다. 항상 캡션 표시를 선택하면 비디오 캡션이 표시됩니다.
- Vimeo 비디오의 경우 비디오 제목 표시, 비디오 소유자 표시, 비디오 소유자 썸네일 표시, 비디오 반복 재생을 선택합니다.
- YouTube 비디오의 경우에는 YouTube 브랜딩 표시YouTube 및 비디오 반복 재생을 선택합니다.
- 비디오 URL 옆의 복사 버튼을 선택하면 해당 링크를 앱 내 다른 곳에 재사용할 수 있도록 클립보드에 저장할 수 있습니다.
- 저장을 선택합니다.
단일 Facebook 게시물 공유
단일 게시물을 표시하여 특정 콘텐츠를 강조 표시합니다.
- 소셜 미디어 카드를 기존 행에 드래그합니다.
- 해당 카드 위에 마우스를 놓고 편집 버튼 을 선택하여 편집 모드로 전환합니다.
- 공개적으로 공유된 Facebook 게시물의 URL을 소셜 미디어 게시물 URL 필드에 붙여넣습니다. 정확한 URL을 복사하려면 사이트 편집 모드로 돌아가기 전에 게시물의 타임스탬프(게시글의 좌측 상단에 있는 날짜나 시간)를 선택한 다음 브라우저에 새 URL을 복사합니다.
- 필요한 경우 게시물 텍스트 표시 토글 버튼을 선택하여 게시물과 관련된 텍스트를 표시할 수 있습니다.
- 저장을 선택합니다.
Facebook 또는 Twitter 타임라인 표시
더욱 다양하게 탐색할 수 있도록 Facebook 타임라인, 이벤트, 메시지를 표시합니다.
- 소셜 미디어 카드를 기존 행에 드래그합니다.
- 편집 모드로 전환하려면 카드 내 아무 곳이나 선택합니다.
- 공개적으로 공유된 Facebook 페이지의 URL을 소셜 미디어 게시물 URL 필드에 붙여넣습니다.
- 필요한 경우 토글 버튼을 선택하여 다음 옵션의 조합을 켭니다.
- 타임라인을 켜면 페이지 머리글 아래에 타임라인 탭이 표시됩니다. 이벤트나 메시지와 함께 타임라인을 공유하려면 해당 옵션을 선택합니다.
- 이벤트를 켜면 페이지의 이벤트 뷰에 대한 목록 뷰가 표시됩니다.
소셜 미디어 카드를 사용하는 경우 Facebook 이벤트 피드에 예기치 않은 결과가 나타날 수 있습니다. 자세한 내용은 소셜 미디어 카드 및 Facebook 이벤트 문제 기사를 확인하세요.
- 메시지를 켜면 사용자가 Facebook 메신저를 사용하여 메시지를 작성해 Facebook 페이지 관리자에게 보낼 수 있습니다.
- 큰 머리글 사용을 켜면 페이지 머리글의 크기를 늘리고 메시지 보내기 버튼 연결 사용자를 Facebook 메신저에 추가할 수 있습니다.
- 커버 사진 표시를 켜면 페이지 커버 사진이 표시됩니다.
- 저장을 선택합니다.
iframe 카드를 사용하여 콘텐츠 임베드
iframe 카드를 사용하여 앱, 웹 맵, 대시보드 등의 외부 리소스를 URL을 통해 임베드할 수 있습니다.
팁:
iframe은 대시보드 및 인포그래픽을 표시하는 데 가장 적합합니다. Experience Builder 웹 앱, Insights 페이지, 웹 맵, 스토리맵을 포함한 다른 항목의 경우 갤러리 카드, 웹 맵 카드 또는 애플리케이션 카드를 사용하는 것을 고려합니다.
두 개 이하의 iframe 인스턴스를 사용하는 것이 좋습니다. 한 사이트나 페이지에 iframe이 너무 많으면 모바일 뷰의 성능이 저하될 수 있습니다. iframe을 사용하든 다른 카드를 사용하든 주요 항목을 2개 이하로 표시하면 더 깔끔하고 접근성이 좋은 디자인을 만들 수 있습니다. 나머지 항목에 대해서는 갤러리 카드를 사용해 보세요.
- iframe 카드를 기존 행에 추가합니다.
- iframe URL 및 iframe 높이를 제공합니다. 다른 웹사이트의 iframe 코드를 임베드하지 말고 임베드하려는 URL만 붙여넣습니다. esri.com 도메인은 지원되지 않습니다.
비고:
기본 URL이 더 작은 장치에서 실패하더라도 콘텐츠가 렌더링되도록 하려면 모바일 URL 재정의 필드를 사용하여 보조 URL을 제공할 수 있습니다. - iframe에 제목을 추가합니다.
- 자동을 켜서 스크롤링을 활성화합니다.
팁:
사용자가 애플리케이션에서 스크롤하지 못할 수 있으므로 모바일 기기에서 스크롤이 항상 적합한 것은 아닙니다. 변경 사항을 적용하기 전에 모바일 기기에서 스크롤 가능한 iframe을 사용할 수 있는지 확인합니다. - 적용을 선택합니다.
비고:
HTTP가 사용된 iframe URL은 HTTPS가 사용되는 편집 모드에 나타나지 않습니다. 사이트를 저장한 후 확인하여 iframe이 제대로 나타나는지 살펴봅니다.
- 저장을 선택합니다.