네이버 블로그·노션에 ChatGPT가 만든 HTML(게임·퀴즈·계산기)을 넣고 싶어요. 되는 방법과 안 되는 방법

블로그 글 중간에 ChatGPT로 만든 대출 이자 계산기나 퀴즈를 넣어 두면, 읽는 사람이 글을 보다가 바로 눌러 볼 수 있을 것 같아요. 그런데 네이버 블로그 에디터에는 코드를 붙여 넣을 곳이 보이지 않고, 노션(Notion)에 주소를 임베드하면 페이지 대신 오류가 나오기도 해요.

이 글은 네이버 블로그, Notion, 티스토리, Google Sites의 도움말을 읽고 HTML을 넣을 수 있는지 서비스마다 정리한 뒤, 안 되는 곳에서 쓸 수 있는 방법(링크, 북마크, 버튼, QR 코드)을 설명해요. 도움말은 모두 2026년 10월 23일에 확인했어요.

블로그 글에 직접 넣을 수 있는 것과 없는 것

각 서비스의 도움말에 적힌 것만 옮겼어요. 도움말에 나오지 않는 것은 “도움말에 없어요”라고 적었어요.

Convika 페이지를 넣을 때는 이 표와 상관없이 답이 하나예요. 어느 서비스의 임베드나 iframe에 넣어도 열리지 않고, 링크로만 열려요. 이유는 아래에 있어요.

네이버 블로그: 글에는 HTML을 넣을 수 없어요

네이버 고객센터의 ONE 미지원 기능 안내는 스마트에디터 ONE에서 지원되지 않는 기능으로 “HTML로 글 작성하기 기능”을 꼽아요. 기본 에디터 변경 방법에 따르면 PC와 블로그 앱의 기본 에디터는 스마트에디터 ONE이고, 스마트에디터 2.0은 2022년 11월에 종료됐어요. 인터넷에서 찾은 HTML 모드 사용법대로 따라 했는데 메뉴가 보이지 않는다면, 지금 에디터에 그 기능이 없기 때문이에요.

글 안에 다른 사이트를 띄우는 기능은 정해진 사이트에만 있어요. 링크, 외부 링크 첨부 방법의 외부 링크 지원 목록은 YouTube, Vimeo, Facebook 비디오, Facebook, Instagram, SoundCloud, SlideShare예요. 글에 iframe 코드를 넣는 방법은 네이버 도움말에 없어요.

링크는 넣을 수 있어요. 같은 도움말에 따르면 본문에 주소를 쓰거나 붙여 넣으면 링크 컴포넌트가 자동으로 생기고, 연결된 웹페이지 형식에 맞는 링크 내용을 보여 줘요. 링크 컴포넌트에 Convika 링크가 어떻게 보이는지는 Convika가 시험하지 않았어요.

• 파일 첨부: 파일 첨부 방법에는 첨부 개수와 용량만 있어요. 어떤 형식을 올릴 수 있는지, 첨부한 HTML 파일이 글 안에서 페이지로 열리는지는 없어요.
• 위젯: 글이 아니라 블로그 레이아웃에 놓는 위젯에는 코드를 넣을 수 있어요. 위젯 직접 등록 방법에 따르면 PC에서 ‘관리’ > ‘꾸미기 설정’ > ‘레이아웃·위젯 설정’ > ‘위젯 직접 등록’으로 들어가고, 위젯 코드는 한글 1천 자, 영문 2천 자까지 넣을 수 있어요. 네이버는 “일부 위젯 코드나 HTML 태그는 등록이 제한될 수 있습니다”라고 적고, 블로그에 맞는 크기를 가로 170px, 세로 최대 600px로 안내해요. ChatGPT가 만든 퀴즈나 계산기의 코드가 이보다 길면 위젯으로도 넣을 수 없어요.

노션: 임베드는 되지만, 막아 둔 사이트는 열리지 않아요

Notion 도움말은 “Notion 페이지에는 거의 모든 온라인 콘텐츠를 /임베드할 수 있습니다”라고 적어요. 새 줄에 /임베드를 입력하고, 나타난 창에 주소를 붙여 넣는 방식이에요. 같은 도움말에는 “일부 웹 사이트는 콘텐츠를 다른 곳에 임베드하는 것을 금지합니다. 이 경우, 로드 실패 에러 메시지가 나타날 수 있습니다.”라는 참고가 있어요.

HTML 파일은 어떨까요. 같은 도움말이 임베드할 수 있다고 적은 파일 유형은 PDF 파일, 오디오, 동영상, 이미지예요. HTML 파일은 이 목록에 없고, Notion 안에서 HTML 코드를 페이지로 실행하는 방법도 도움말에 없어요.

링크는 두 가지로 넣을 수 있어요. Notion 도움말에 따르면 주소를 붙여 넣고 ‘북마크로 붙여넣기’를 고르면 페이지 제목, 설명, 주소가 보이는 블록이 되고, ‘멘션으로 붙여넣기’를 고르면 글자처럼 문장 안에 들어가요. Notion의 북마크에 Convika 링크가 어떻게 보이는지는 Convika가 시험하지 않았어요.

티스토리와 Google Sites

티스토리 도움말은 모바일 앱 에디터에서 지도, ‘html 블럭’, 접은글, 슬라이드쇼를 넣거나 편집할 수 없고 삭제만 할 수 있다고 적어요. html 블럭을 어디서 어떻게 넣는지, 그 안에 넣은 스크립트가 동작하는지는 이 도움말에 없어서 이 글에서는 판단하지 않았어요. 오픈그래프 링크박스는 모바일 앱 에디터에서도 넣고 고칠 수 있어요.

Google Sites는 코드를 직접 받아요. Google 도움말에 따르면 컴퓨터에서 사이트를 열고 ‘삽입’의 ‘코드 삽입’을 고르면 HTML, CSS, JavaScript 코드를 넣을 수 있어요. JavaScript는 <script> 태그 안에, CSS는 <style> 태그 안에 있어야 해요. 컴퓨터에서 바로 올릴 수 있는 파일은 .jpg, .png, .gif 이미지이고, 다른 형식은 Google Drive로 추가하라고 안내해요.

그러니 Google Sites라면 Convika 없이 ‘코드 삽입’에 붙여 넣는 방법부터 해 보세요. ChatGPT가 만든 페이지 하나가 그 안에서 끝까지 동작하는지는 Convika가 시험하지 않았어요. 따로 게시한 페이지로 보내고 싶다면, Google의 텍스트 및 이미지 도움말대로 ‘삽입’의 ‘버튼’에 주소를 넣으면 돼요.

iframe으로 넣으면 왜 안 보이나요

웹사이트는 다른 사이트가 자기 페이지를 틀(iframe) 안에 넣지 못하게 막을 수 있어요. MDN 설명에 따르면 X-Frame-Options 응답 헤더는 “해당 페이지를 <frame> 또는 <iframe>, <object>에서 렌더링할 수 있는지 여부를 나타내는데 사용”되고, deny로 두면 “어떠한 사이트에서도 frame 상에서 보여질 수 없습니다.” MDN은 이 헤더를 클릭재킹(clickjacking) 공격을 막는 데 쓴다고 설명해요.

Convika에 게시한 페이지는 모두 응답에 X-Frame-Options: DENY와, 같은 뜻의 frame-ancestors 'none'을 담아 보내요. 그래서 Notion의 /임베드든, Google Sites의 ‘삽입’이든, iframe 코드를 받는 어떤 곳이든, Convika 페이지는 그 안에서 열리지 않아요.

Convika 페이지는 링크를 눌러 브라우저에서 따로 열어야 해요. 읽는 사람은 블로그 글에서 나와 다른 화면에서 페이지를 열게 돼요. 글 안에서 바로 눌러 보게 할 수는 없지만, 휴대폰이든 컴퓨터든 스크립트까지 동작하는 페이지가 열려요.

블로그 글에서 페이지로 연결하는 4단계

ChatGPT가 만든 .html 파일이나 답변에 있는 코드를 준비하세요. 파일 대신 링크를 보내는 방법 전체는 HTML 파일을 링크로 공유하는 방법에 있어요. 게시할 곳을 다른 서비스와 비교해서 고르려면 ChatGPT로 만든 HTML을 무료로 웹사이트에 올리는 방법을 보세요.

1. 업로드 상자에 파일 넣기

이 페이지 맨 위의 업로드 상자에 .html 파일을 넣거나 코드를 붙여 넣으세요. 가입 없이 미리보기 링크가 생겨요. 이 링크는 3분 동안만 열리고, 스크립트와 폼이 꺼져 있어요. 모양을 확인하는 시험용 링크라서 계산기나 퀴즈가 반응하지 않으니, 블로그 글에는 넣지 마세요.

2. ‘이 페이지 보관하기’로 무료 계정에 넣기

‘이 페이지 보관하기’를 누르고 카드 없이 무료로 가입하세요. 업로드한 페이지가 그대로 내 계정에 들어가고, 그때부터 스크립트와 폼이 동작해요.

3. 게시하기

대시보드의 페이지 화면에서 페이지를 게시하세요. 처음 게시할 때는 누가 볼 수 있는지와 요금제를 고르는 화면이 나와요. 무료를 고르면 돈이 들지 않고, 페이지 맨 아래에 작은 Convika 배너가 붙어요. 게시하면 페이지의 주소가 생겨요.

4. 주소와 QR 코드를 글에 넣기

페이지 화면에서 ‘LIVE URL’ 옆의 ‘Copy’를 눌러 주소를 복사하세요.

• 네이버 블로그: 글 본문에 붙여 넣으면 링크 컴포넌트가 생겨요. 링크 위에 “계산기를 새 화면에서 열어요”처럼 무엇이 열리는지 한 줄 적어 두세요.
• Notion: 붙여 넣은 뒤 ‘북마크로 붙여넣기’를 고르세요. /임베드에는 넣지 마세요. Convika 페이지는 그 안에서 열리지 않아요.
• Google Sites: ‘삽입’의 ‘버튼’에 주소를 붙여 넣으면, 누르면 페이지로 가는 버튼이 생겨요.
• QR 코드: ‘Show QR code’를 누르면 QR 코드가 나오고, ‘Download PNG’로 이미지로 저장할 수 있어요. 글에 이 이미지를 넣으면 컴퓨터로 글을 읽는 사람이 휴대폰 카메라로 찍어서 열 수 있고, 인쇄물에도 쓸 수 있어요.

‘LIVE URL’, ‘Copy’, ‘Show QR code’, ‘Download PNG’는 지금 영어로 보여서, 화면에 보이는 그대로 적었어요. 글을 발행한 뒤에는 휴대폰으로 그 글을 열고 링크를 한 번 눌러, 계산기나 퀴즈가 끝까지 동작하는지 확인하세요. 나중에 페이지를 고치면 페이지 화면의 ‘New version from a file’로 새 파일을 올리고 다시 게시하세요. 주소가 그대로라서 글에 넣은 링크와 QR 코드를 바꿀 필요가 없어요.

게시하기 전에 휴대폰 화면에서 확인하기

링크를 누른 사람이 휴대폰에서 페이지를 열 수도 있어요. 게시하기 전에 HTML 뷰어에서 파일을 열고, 화면 너비를 ‘휴대폰’으로 바꿔 보세요. 버튼이 화면 밖으로 밀리지 않는지, 글자가 너무 작지 않은지 볼 수 있어요. 뷰어는 파일을 Convika 서버로 보내지 않고 내 브라우저 안에서만 열어요.

고칠 곳이 있으면 ChatGPT에게 이렇게 부탁하세요.

이 페이지를 휴대폰 화면에서도 버튼과 글자가 화면 안에 들어오게 고쳐 주세요. 버튼은 손가락으로 누르기 쉽게 크게 해 주세요. CSS와 JavaScript는 HTML 파일 하나 안에 그대로 두세요.

휴대폰에서 HTML 파일을 직접 열어 보고 싶다면 아이폰에서 HTML 파일 여는 방법이나 갤럭시에서 HTML 파일 여는 방법을 보세요.

블로그에서 몇 명이 왔는지 보려면

블로그 글에 넣는 주소 끝에 ?utm_source=naver_blog를 붙이세요. Notion에 넣는 주소에는 ?utm_source=notion처럼 다른 이름을 붙이면 돼요. 대시보드의 페이지 분석 화면에 있는 ‘Campaigns (UTM)’ 표에서, 이름마다 방문자, 페이지뷰, 폼 제출, 버튼 클릭을 따로 볼 수 있어요. 몇 명이 열었는지는 보이지만, 누가 열었는지는 알 수 없어요. 이 표도 지금 영어로 보여요.

네이버 검색에 내 페이지가 나오나요

무료 요금제로 게시한 페이지는 전체 공개라서 검색 결과에 나올 수 있어요. 검색 결과에 나오지 않게 하는 일부 공개는 Pro 기능이고, 일부 공개여도 링크를 받은 사람은 누구나 열 수 있어요. 검색 결과에 나올 수 있는 페이지라도, 네이버나 Google 검색에 언제 어떻게 나오는지는 각 검색 서비스가 정해요. 이름이나 연락처처럼 아무나 보면 안 되는 내용은 페이지에 넣지 마세요.

자주 묻는 질문

네이버 블로그에 HTML 파일을 올릴 수 있나요?

글에 HTML을 넣어 동작하게 할 수는 없어요. 네이버 고객센터는 스마트에디터 ONE이 “HTML로 글 작성하기 기능”을 지원하지 않는다고 적어요. 파일 첨부 안내에는 첨부 개수와 용량만 있고, 첨부한 HTML 파일이 글 안에서 페이지로 열린다는 안내는 없어요. 읽는 사람이 계산기나 퀴즈를 쓰게 하려면 페이지를 따로 게시하고, 그 주소를 글에 붙여 넣으세요.

네이버 블로그에 iframe을 넣을 수 있나요?

네이버 블로그 도움말에는 글에 iframe 코드를 넣는 방법이 없어요. 글 안에 다른 사이트를 띄우는 외부 링크는 YouTube, Vimeo, Facebook 비디오, Facebook, Instagram, SoundCloud, SlideShare처럼 지원 목록에 있는 사이트만 안내해요. Convika 페이지는 어느 사이트의 iframe 안에서도 열리지 않게 막혀 있으니, 주소를 링크로 넣으세요.

네이버 블로그 HTML 모드는 어디 있나요?

지금 네이버 블로그 에디터에는 HTML로 글을 쓰는 기능이 없어요. 네이버 고객센터에 따르면 PC와 블로그 앱의 기본 에디터는 스마트에디터 ONE이고, 스마트에디터 2.0은 2022년 11월에 종료됐어요. 스마트에디터 ONE이 지원하지 않는 기능 목록에 “HTML로 글 작성하기 기능”이 있어요. 글이 아닌 곳에 코드를 넣으려면 PC의 ‘위젯 직접 등록’을 쓸 수 있는데, 위젯 코드는 한글 1천 자, 영문 2천 자까지예요.

노션에 HTML 파일을 임베드하는 방법은?

Notion 도움말이 임베드할 수 있다고 적은 파일 유형은 PDF 파일, 오디오, 동영상, 이미지예요. HTML 파일은 이 목록에 없고, Notion 안에서 HTML 파일을 페이지로 실행하는 방법도 도움말에 없어요. 페이지를 따로 게시한 뒤 그 주소를 붙여 넣고 ‘북마크로 붙여넣기’를 고르면 북마크 블록으로 들어가요. Convika 링크가 그 안에서 어떻게 보이는지는 Convika가 시험하지 않았어요. Convika 페이지의 주소는 /임베드에 넣어도 열리지 않으니 북마크로 넣으세요.

티스토리에 ChatGPT가 만든 HTML을 넣으려면?

티스토리 도움말에는 ‘html 블럭’이 나오지만, 모바일 앱 에디터에서는 넣거나 고칠 수 없다고만 적혀 있어요. html 블럭에 넣은 스크립트가 동작하는지는 도움말에 없어서 이 글에서는 판단하지 않았어요. 어느 블로그에서든 되는 방법은 페이지를 따로 게시하고 그 주소를 넣는 거예요. 티스토리 도움말에 따르면 모바일 앱 에디터에서도 오픈그래프 링크박스를 넣고 고칠 수 있어요.

구글 사이트에 HTML을 업로드할 수 있나요?

HTML 파일을 그대로 올리는 방법은 도움말에 없지만, 코드는 넣을 수 있어요. Google 도움말에 따르면 컴퓨터에서 바로 올릴 수 있는 파일은 .jpg, .png, .gif 이미지이고, 다른 형식은 Google Drive로 추가하라고 안내해요. HTML, CSS, JavaScript 코드는 ‘삽입’의 ‘코드 삽입’으로 넣고, JavaScript는 <script> 태그 안에 있어야 해요. ChatGPT가 만든 페이지 하나가 그 안에서 끝까지 동작하는지는 Convika가 시험하지 않았어요.

Convika 페이지를 블로그나 노션 안에 넣을 수 있나요?

아니요. Convika에 게시한 페이지는 응답에 X-Frame-Options: DENY를 담아 보내서, 다른 사이트의 iframe이나 임베드 안에서는 열리지 않아요. 블로그 글에는 주소를 링크로, Notion에는 북마크로, Google Sites에는 버튼으로 넣고, 종이나 화면에는 QR 코드를 쓰세요. 읽는 사람은 링크를 눌러 브라우저에서 페이지를 따로 열어요.

출처

• ONE 미지원 기능 안내 (네이버 블로그 고객센터) (2026년 10월 23일 확인)
• 기본 에디터 변경 방법 (네이버 블로그 고객센터) (2026년 10월 23일 확인)
• 링크, 외부 링크 첨부 방법 (네이버 블로그 고객센터) (2026년 10월 23일 확인)
• 파일 첨부 방법 (네이버 블로그 고객센터) (2026년 10월 23일 확인)
• 위젯 직접 등록 방법 (네이버 블로그 고객센터) (2026년 10월 23일 확인)
• 임베드, 북마크, 링크 멘션 (Notion 도움말) (2026년 10월 23일 확인)
• 글 작성 방법을 자세히 알고 싶어요 (Daum 고객센터, 티스토리) (2026년 10월 23일 확인)
• Google 파일, 동영상, 웹사이트 콘텐츠 등 추가하기 (사이트 도구 고객센터) (2026년 10월 23일 확인)
• 텍스트 및 이미지 추가 또는 수정하기 (사이트 도구 고객센터) (2026년 10월 23일 확인)
• X-Frame-Options (MDN) (2026년 10월 23일 확인)