Gemini Canvas가 만든 웹사이트를 내 도메인에 호스팅하는 방법
짧은 답
Gemini Canvas로 만든 웹사이트를 호스팅하려면 Canvas에서 코드를 복사해 호스팅 서비스에 올리고, Gemini 밖에서 열리는 주소로 게시하세요. Gemini의 ‘공유’ 버튼이 주는 g.co/gemini/share 링크는 gemini.google.com에서만 열려요. Convika 무료 요금제는 www.yourbrand.com 같은 내 주소에 사이트를 올려 줘요. 게시 페이지 1개, 한 달 폼 응답 50개, 방문 통계가 들어 있고, 신용카드가 필요 없어요.
무료 요금제: 신용카드 없이, 게시 페이지 1개, 폼 응답 월 50개
이 페이지의 내용
Gemini Canvas로 페이지를 만들었고, 내 화면의 미리보기도 잘 보여요. 그런데 ‘공유’를 누르면 내가 가진 웹 주소가 아니라 Gemini 창 안에서 열리는 g.co/gemini/share/… 링크가 나와요. 이 글에서는 Gemini의 공유 기능이 무엇을 하고 어디까지인지, 그리고 같은 페이지를 응답이 저장되는 폼, 방문 수 집계와 함께 내 도메인에 올리는 방법을 다뤄요. 교사이고 학생 모두가 열 수 있는 링크가 필요하다면 학생들과 Gemini Canvas를 공유하는 방법(영어)을 읽어 보세요.
Gemini의 ‘공유’ 버튼으로 받는 것
Canvas 패널 오른쪽 상단에서 ‘공유 및 내보내기’를 누르고 ‘공유’를 누른 뒤, g.co/gemini/share 링크를 복사하세요. 이 링크에 대해 Google의 Canvas 도움말은 이렇게 적고 있어요.
- 공유한 링크는 gemini.google.com에서만 열려요. Gemini 모바일 앱에서는 열 수 없어요.
- 링크를 연 사람은 누구나 사본을 만들어 자기 Canvas에서 이어서 고칠 수 있어요. 사업용 페이지를 공유하면 경쟁사도 그렇게 할 수 있어요.
- 공유한 앱은 데이터를 저장할 수 있고, 공개 링크가 있는 사람은 누구나 그 데이터를 보고 수정할 수 있어요. 다른 방문자가 입력한 내용도 포함돼요. Google의 Canvas 안전 도움말에 따르면, 앱이 사용자 간에 공유하는 데이터는 “공개 데이터베이스에 저장”돼요. 공유하기 전에 앱 정보를 검토하세요.
Google의 도움말에는 내 도메인이나 방문 분석에 대한 내용이 없어요. 누군가에게 초안을 보여 주기에는 괜찮아요. 하지만 전단지에 링크를 넣거나, 광고로 내보내거나, 출시 글에 붙여 넣기에는 부족해요.
| 게시한 페이지에 필요한 것 | Gemini의 공유 링크 | 같은 페이지를 Convika에 올리면 |
|---|---|---|
| 내가 관리하는 주소 | 아니요, g.co/gemini/share 링크 | 네, yourpage.convika.page 같은 주소 |
| 내 도메인 | 아니요 | 무료 요금제에서 하위 도메인 1개, www.yourbrand.com 같은 주소 |
| 응답이 저장되는 폼 | 앱이 저장할 수는 있지만, 링크가 있는 사람은 누구나 보고 수정할 수 있어요 | 네, 무료 요금제에서 한 달 50개, 내 대시보드에서만 보이고 CSV로 내보낼 수 있어요. 그보다 많은 응답은 Pro용으로 보관돼요 |
| 방문 통계 | Google의 도움말에 설명이 없어요 | 방문, 유입 경로, 기기, 국가, 버튼 클릭 |
| 비용 | Gemini에 포함 | 무료, 또는 Pro 월 $12 |
Gemini Canvas 웹사이트를 무료로 호스팅하는 방법 비교
표에 있는 방법은 모두 Canvas 코드를 HTML 파일 하나로 호스팅해요. 차이는 페이지를 게시한 뒤에 드러나요. Netlify Drop은 계정 없이 끌어다 놓은 파일을 받아 주지만, 로그인하지 않고 올린 것은 내 계정으로 가져갈 때까지 임시 비밀번호로 잠겨 있어요(Netlify의 Drop 빠른 시작 문서, 영어, 2026년 7월 28일 업데이트).
| 방법 | 무료 요금제 | 주소가 생기기까지 | 내 도메인 | 응답이 저장되는 폼 | 방문 통계 |
|---|---|---|---|---|---|
| Netlify Drop | 한 달 300크레딧. 다 쓰면 모든 프로젝트가 멈춰요 | 코드를 index.html로 저장해 app.netlify.com/drop에 놓고, 로그인해서 내 계정으로 가져온 뒤, 프로젝트가 비공개라면 ‘Make public’을 선택해요(2026년 7월 28일 또는 그 뒤에 만든 팀은 프로젝트가 비공개로 시작해요) | 가능 | 가능, 무제한. ‘Enable form detection’을 선택하고, 폼에 data-netlify="true"를 넣고, 파일을 다시 놓은 뒤부터 | 주요 유입 경로가 나오는 Web Analytics, 1일 보관 |
| GitHub Pages | 퍼블릭 리포지토리면 무료. 사업 운영용으로는 쓸 수 없어요 | 리포지토리를 만들고, 코드를 index.html로 추가하고, 브랜치에서 게시해요 | 가능, www 없는 도메인도 | 없음 | 없음 |
| Cloudflare Pages | 정적 파일 요청은 무제한 | 폴더 안에 코드를 index.html로 저장하고, Pages 프로젝트를 만들고, 폴더를 끌어다 놓아요 | 가능, 프로젝트당 100개까지 | 없음. 처리 코드를 직접 써야 해요 | Web Analytics, 무료 |
| Convika | 게시 페이지 1개, 한 달 페이지뷰 10,000회, 작은 Convika 배너 | 코드를 붙여 넣고, 미리보기를 확인하고, 게시해요 | www 같은 하위 도메인 1개 | 가능, 한 달 50개, CSV 내보내기. 그보다 많은 응답은 Pro용으로 보관돼요 | 방문, 유입 경로, UTM 태그, 기기, 국가, 클릭을 90일 동안 |
호스팅 서비스 7곳의 무료 한도, 폼, 분석을 비교하려면 HTML 파일 하나를 올릴 Tiiny Host 대안(영어)을 읽어 보세요. 로그인 단계를 아예 건너뛰는 방법은 Netlify Drop 대안(영어)에 있어요. Canvas로 슬라이드를 만들었고 브라우저 링크로 바로 발표하고 싶다면 HTML 슬라이드를 링크로 공유하는 방법(영어)을 따라 하세요.
Convika로 Canvas 페이지를 호스팅하는 6단계
Canvas에서 코드 복사하기
페이지에 폼이 있다면, 먼저 Gemini에게 이렇게 그대로 말하세요. “폼을 <div data-convika-form></div>로 바꿔 주세요.” 이 자리 표시가 나중에 Convika가 동작하는 폼을 넣을 위치예요. Canvas가 일반 HTML이 아니라 React 앱을 만들었다면 이것도 부탁하세요. “CSS와 JavaScript를 안에 넣은 HTML 파일 하나로 바꿔 주세요. 빌드 단계는 없이요.” Canvas 패널 오른쪽 상단에서 ‘코드’를 누르세요. 파일 전체를 복사하세요.
무료 Convika 계정 만들기
app.convika.com에서 가입하세요. 무료 요금제는 신용카드를 묻지 않고, 게시 페이지 1개가 들어 있어요.
코드 올리기
대시보드를 열고 ‘HTML 파일 업로드하기’를 누르세요. ‘코드 붙여 넣기’ 탭으로 가서 코드를 붙여 넣으세요. 코드를 파일로 저장했다면 대신 ‘파일 업로드’ 탭을 여세요. .html과 .htm 파일을 2 MB까지 받아요. ‘미리보기 만들기’를 누르세요. Convika가 새 페이지를 만들어요. 업로드에는 AI 크레딧이 들지 않아요.
나만 보는 미리보기 확인하기
‘미리보기가 준비됐어요’가 보이면 ‘미리보기 열기’를 누르세요. 미리보기 링크는 나만 보는 링크이고 3분 동안 열려요. 새 링크가 필요할 때마다 ‘미리보기 열기’를 다시 누르세요. 아직 아무것도 공개되지 않았어요. 휴대폰과 컴퓨터에서 페이지를 확인하세요. 빈 섹션이나 빠진 이미지가 있으면 아래의 Gemini 밖에서 동작하지 않는 것을 읽어 보세요.
응답이 저장되는 폼 넣기
대시보드의 페이지 화면에서 ‘Add a form to my page’를 누르세요. 항목을 고르세요. 이메일만, 이름과 이메일, 또는 이름·이메일·메시지 중 하나예요. 버튼 문구를 정하세요. Convika가 동작하는 폼을 새 미리보기 버전으로 넣어요. 자리 표시가 있으면 그 자리에, 자리 표시를 쓰지 않았다면 페이지 푸터 위에 넣어요. 자리 표시를 쓰지 않았다면 Gemini가 만든 예전 폼이 페이지에 남아요. ‘Improve with AI’에 “Gemini가 만든 폼을 지우고 Convika 폼은 남겨 주세요”라고 입력하세요. 이 요청은 기본 모델로 AI 크레딧 1개를 쓰고, 방문자가 아무 데도 가지 않는 폼을 채우는 일을 막아 줘요. 미리보기에서 보낸 시험 응답은 확인만 하고, Convika가 저장하지 않아요.
게시하고 도메인 연결하기
‘게시하기’를 누르세요. ‘누가 이 페이지를 열 수 있나요?’에서 ‘전체 공개’를 고르고 ‘다음’을 누르세요. 처음 게시할 때는 요금제가 나오고, ‘Pro 월간’이 선택되어 있어요(카드를 등록하면 1일 무료, 그 뒤 월 $12). 나머지 둘은 ‘Pro 1년 패스’($29, 한 번 결제, 자동 갱신 없음)와 ‘무료’($0, Convika 배너가 붙어요)예요. 무료로 게시하려면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 페이지가 yourpage.convika.page 같은 주소로 게시돼요. 내 도메인을 쓰려면 대시보드의 페이지 화면에서 ‘Manage domains’를 누르고 ‘Add domain’을 누르세요. www.yourbrand.com 같은 호스트 이름을 입력하세요. 도메인을 산 회사의 관리 화면으로 가서, Convika가 보여 주는 CNAME 레코드와 TXT 레코드를 추가하세요. SSL 인증서는 Convika가 발급해요. 자동 설정은 www 같은 하위 도메인에 적용돼요. www 없는 yourbrand.com은 자동으로 설정하지 않아요.
하루 뒤에 페이지 분석을 여세요. 방문, 유입 경로, UTM 태그, 기기, 국가, 버튼 클릭, 폼 응답을 확인하세요. 숫자마다 무슨 뜻인지는 페이지 방문자를 확인하는 방법(영어)에 정리되어 있어요.
Gemini 밖에서 동작하지 않는 것
페이지의 스크립트는 무료 요금제를 포함한 모든 요금제에서 동작해요. Canvas 페이지는 CDN에서 Tailwind, Google Fonts, 아이콘 라이브러리를 불러오는 경우가 많은데, 이것들은 동작해요. 삽입한 동영상과 지도도 그대로 동작하고, https://로 시작하는 전체 주소를 쓰는 이미지도 보여요. 요금제에 따라 달라지거나 동작하지 않는 것은 다음과 같아요.
- Gemini 기능과 저장된 데이터. 챗봇, 글이나 이미지를 만드는 기능, 앱에 저장된 입력 내용은 Canvas에 기대고 있어요. 페이지가 Gemini를 떠나면 사라져요. Convika 페이지의 스크립트는 다른 웹사이트에서 데이터를 가져올 수 없어요. Pro에서 아래의 분석 도구와 내 광고 네트워크용으로 등록한 호스트만 예외예요. Gemini에게 이렇게 말하세요. “AI 기능과 저장된 데이터를 빼고 페이지를 정적으로 만들어 주세요.”
- 분석·히트맵 도구. Google Analytics, Cloudflare Web Analytics, Clarity, Hotjar, Plausible, PostHog, Mixpanel은 Pro 이상에서만 데이터를 보내요. 무료 요금제에서는 막혀요. Convika 자체의 방문 수 집계는 무료 요금제에서도 동작해요.
- 온라인에 없는 이미지. 컴퓨터 안의 파일을 가리키는 이미지 경로는 모두 깨져요. 업로드 화면이 그런 파일을 목록으로 보여 줘요. Gemini에게 이렇게 말하세요. “모든 이미지에 https://로 시작하는 전체 링크를 쓰고, 이 링크들을 써 주세요: …”
- HTML 속성에 쓴 코드를 실행하는 라이브러리. Alpine.js(
x-data,@click)가 그 예예요. Gemini에게 이렇게 말하세요. “Alpine.js 부분을 일반 JavaScript로 다시 써 주세요.”
자주 묻는 질문
Gemini Canvas가 만든 웹사이트는 어떻게 호스팅하나요?
Canvas 패널 오른쪽 상단의 ‘코드’를 눌러 파일 전체를 복사한 뒤, Gemini 밖의 주소가 있는 호스팅 서비스에 올리세요. Convika에서는 ‘HTML 파일 업로드하기’를 누르고 ‘코드 붙여 넣기’를 누른 뒤 파일을 붙여 넣고, 나만 보는 미리보기를 확인하고, ‘게시하기’를 누르세요. 그다음 ‘전체 공개’를 고르고 ‘다음’을 누른 뒤, 처음이라면 ‘무료’를 고르고 ‘무료로 게시하기’를 누르세요. 페이지가 yourpage.convika.page 같은 주소로 게시돼요. 무료 요금제에는 www.yourbrand.com 같은 하위 도메인 1개, 응답이 저장되는 폼, 방문 통계가 들어 있어요. Netlify Drop, GitHub Pages, Cloudflare Pages와 비교하려면 Gemini Canvas 웹사이트를 무료로 호스팅하는 방법 비교를 읽어 보세요.
Gemini Canvas 페이지를 링크로 공유하려면 어떻게 하나요?
오른쪽 상단에서 ‘공유 및 내보내기’를 누르고 ‘공유’를 고른 뒤, g.co/gemini/share 링크 옆의 ‘링크 복사’를 누르세요. Google의 Canvas 도움말에 따르면 이 공개 링크는 Gemini 모바일 앱이 아니라 gemini.google.com에서만 열리고, 연 사람은 누구나 사본을 만들어 이어서 고칠 수 있어요. 어느 브라우저에서나 웹페이지로 열리는 링크가 필요하다면, 코드를 복사해 이 페이지 맨 위의 업로드 상자로 가서 ‘코드 붙여 넣기’를 누르고, 코드를 붙여 넣은 뒤 ‘미리보기 링크 받기’를 누르세요. 이 링크는 계정이 필요 없고, 스크립트와 폼은 꺼져 있어요. 무료로 가입하고 게시하면 스크립트가 동작하는 페이지가 yourpage.convika.page 같은 주소로 열려요.
상대방이 내 Gemini Canvas 링크를 열지 못하는 이유는 무엇인가요?
Google의 도움말은 2가지 원인을 설명해요. 받은 사람이 링크를 어디서 열었는지, 그리고 링크가 아직 있는지예요. Google의 Canvas 도움말에 따르면 공유된 Canvas 콘텐츠는 gemini.google.com에서만 열리고, Gemini 모바일 앱에서는 열 수 없어요. 받은 사람에게 브라우저로 열어 달라고 하세요. 내가 지우거나 자동 삭제로 그 채팅의 일부라도 지워졌다면 링크는 사라져요. Google의 채팅 공유 도움말에 그렇게 적혀 있어요. ‘공유’ 버튼이 아예 보이지 않는다면 조직에서 공유를 꺼 두었을 수 있어요. 직장과 학교 계정은 관리자가 켜기 전까지 공개 링크 공유가 꺼져 있어요. Google의 Workspace 관리자 도움말에 나와 있어요. 휴대폰을 포함한 어느 브라우저에서나 열리는 링크가 필요하다면, 코드를 복사해 위의 6단계대로 Convika에 게시하세요.
Gemini 인포그래픽을 공유하거나 다운로드할 수 있나요?
Gemini 인포그래픽은 링크로 공유할 수 있지만, Google의 도움말에는 다운로드하는 단계가 없어요. Google의 Canvas 도움말은 “Canvas에서 앱 또는 콘텐츠 공유하기”라는 공유 단계를 1가지 적고 있고, 인포그래픽만 따로 공유하는 단계는 없어요. ‘공유 및 내보내기’를 누르고 ‘공유’를 고른 뒤 g.co/gemini/share 링크를 복사하면 gemini.google.com에서 열 수 있어요. 저장하는 방법으로는 텍스트의 ‘Docs로 내보내기’, 슬라이드를 Google Slides나 PDF로 내보내기(영어판 도움말에 있어요), ‘콘텐츠 복사’, LaTeX가 들어간 문서의 PDF 내보내기를 들고 있어요. 2026년 10월 14일 기준으로, Google은 인포그래픽을 이미지, PDF, PowerPoint 파일로 저장하는 단계를 알려 주지 않아요. 도움말은 앱의 ‘코드’를 설명하지만, 인포그래픽에도 있는지는 말하지 않아요. 패널에 ‘코드’가 보이면 복사해서 위의 6단계대로 Convika에 게시하세요. 인포그래픽이 자기 주소를 갖게 되고, 누구나 계정 없이 브라우저에서 열 수 있어요.
Gemini Canvas 페이지에 내 도메인을 연결할 수 있나요?
공유된 Canvas 콘텐츠는 gemini.google.com에서만 열리기 때문에, Gemini 안에서는 내 도메인을 연결할 수 없어요. 내 도메인을 쓰려면 코드를 복사해 내 도메인을 쓸 수 있는 곳에 호스팅하세요. Convika 무료 요금제는 CNAME 레코드와 TXT 레코드로 www.yourbrand.com 같은 하위 도메인 1개를 연결해 줘요.
Gemini Canvas 페이지로 이메일 가입을 받을 수 있나요?
Canvas 앱은 방문자가 입력한 내용을 Gemini 안에 저장하지만, 공개 링크가 있는 사람은 누구나 그 앱 데이터를 보고 수정할 수 있어요. Google의 도움말은 여기에 다른 방문자가 입력한 내용도 포함된다고 적고 있어요. Convika에서는 ‘Add a form to my page’를 고르면 응답이 내 대시보드에만 보이고, CSV로 내보낼 수 있어요. 무료 요금제는 모든 폼을 합쳐 한 달에 응답 50개를 보여 주고, 나머지는 Pro용으로 보관해요. 다른 곳에 페이지를 호스팅한다면 폼 응답을 저장하는 다른 방법(영어)을 살펴보세요.
Gemini에서 고치면 페이지도 바뀌나요?
아니요. Convika의 페이지는 복사본이라서 바뀌지 않아요. 게시한 페이지를 바꾸려면 대시보드의 페이지 화면에서 ‘Improve with AI’에 고칠 내용을 적으세요. 고칠 때마다 기본 모델로 AI 크레딧 1개가 들고, 무료 계정은 10개로 시작해요. 이 도구는 미리보기와 함께 새 버전을 저장하고, 괜찮아 보이면 게시하면 돼요. 코드를 다시 올리면 자기 주소를 가진 별도의 페이지가 생겨요.
비용은 얼마인가요?
Convika에는 카드가 필요 없는 무료 요금제가 있어요. 무료 요금제에는 게시 페이지 1개, 한 달 페이지뷰 10,000회, 한 달 폼 응답 50개 표시(그보다 많은 응답은 보관되고 Pro에서 보여요), 내 도메인 1개, 페이지마다 맨 아래의 작은 Convika 배너가 들어 있어요. Pro는 배너를 없애고 모든 폼 응답을 보여 줘요. Pro를 쓰려면 매달 $12씩 내요.
관련 글
- ChatGPT(챗GPT)가 만든 HTML 페이지를 내 웹사이트 링크로 올리는 방법: 무료 호스팅 비교ChatGPT가 만든 HTML 파일은 내 컴퓨터에서만 열려요. Netlify Drop, GitHub Pages, Cloudflare Pages, ChatGPT Sites, Convika를 폼, 도메인, 방문 통계로 비교하고 무료로 게시하는 6단계를 정리했어요.
- 클로드(Claude) 아티팩트 공유 링크를 열면 로그인하라고 나올 때: 누구나 여는 링크 만드는 방법Claude 아티팩트의 공유 링크는 Claude에 로그인한 사람만 열 수 있어요. 공유가 안 되는 이유를 증상별로 정리하고, 코드를 복사해 누구나 여는 페이지로 게시하는 5단계를 설명해요.
- Claude 아티팩트를 HTML 파일로 내려받고 링크로 공유하는 방법Claude에서 아티팩트 종류마다 무엇을 저장할 수 있는지, 코드를 .html 파일로 저장하는 방법, Claude 계정이 없는 사람에게 공유하는 방법을 정리했어요.
- HTML 파일을 링크로 공유하는 방법: 카카오톡이나 메일로 파일 대신 링크 보내기HTML 파일을 카카오톡이나 메일로 보내면 받은 사람에게는 페이지가 아니라 파일이 가요. 파일을 올려서 링크로 보내는 방법을 Google Drive, GitHub Pages와 비교하고, Convika로 링크를 만드는 4단계를 정리했어요.