PDF iframe 코드 생성 방법

참고 블로그 글

: https://www.philinlove.com/entry/How-to-use-Google-Drive

1. 파일 업로드 : 구글드라이브에 파일을 업로드합니다.

2. 파일 공유 설정을 공개로 변경합니다.

3. 공유 링크를 복사합니다..

4. 텍스트 위젯 코드 편집 모드에서 아래와 같이 HTML 삽입 합니다.

• <p><iframe src="공유링크" width=”900” height=”507”></iframe></p>

• 예제

<iframe src="https://drive.google.com/file/d/16HUSV0woIqQR5gSKSul_-g6XNQnsRC1Z/preview" width="507" height="900"></iframe>

5. 모바일 반응형으로 구현하기 위해 복사한 iframe 코드를 아래 링크를 통해 반응형 코드로 변환합니다.

• https://embedresponsively.com/

1. Generic iFrame 선택

2. iframe 코드 삽입

3. Embed 클릭

4. 생성된 Embed code 복사

6. 원하는 위치에 코드 위젯 추가 > 코드 설정 > 생성된 Embed code를 삽입

7. 추가로 iframe 코드 이용시 [관리자모드 > 보안 및 개인정보 보호] 메뉴에서 해당 도메인 (구글캘린더)를 허용되는 도메인으로 등록합니다. 허용되는 도메인에 drive.google.com으로 등록해주시면 됩니다.

샘플 페이지