Gemini で作ったページを、URL で人に見せる方法
要約
Canvas の「共有」を押すと、g.co/gemini/share で始まる公開リンクが手に入ります。ただし、開くのは gemini.google.com の画面の中です。Google のヘルプには独自ドメインやアクセス数の説明がありません。ふつうの Web サイトとして自分の URL で見せるなら、Canvas の「コード」からコードをコピーして公開先のサービスに置きます。無料で使える代表的な公開先は GitHub Pages、Netlify Drop、Convika の 3 つです。Convika ならコードを貼り付けるだけで公開でき、フォームの送信内容の保存とアクセス数の確認も Free プランに含まれます。
Free プラン: カード登録なし、公開 1 ページまで、フォームの回答は月 50 件まで表示
目次
Gemini の Canvas で、お店の紹介ページができあがった。人に見せようと「共有」を押すと、手に入るのは g.co/gemini/share/… のリンク。開くと Gemini の画面の中に表示されます。
このガイドは、Gemini の共有リンクでできることを確かめたうえで、同じページを自分の URL で公開し、フォームに届いた内容を残し、何人が見に来たかを確かめるまでの手順を説明します。
Gemini の共有リンクでできること
Canvas パネルの右上にある「共有とエクスポート」から「共有」を選び、「公開リンクをコピー」を押すと、g.co/gemini/share で始まるリンクが手に入ります。
このリンクの決まりは、Google の Canvas のヘルプ に書いてあります。このあとの箇条書きがその決まりです。
- 開けるのは gemini.google.com だけです。 Gemini のモバイルアプリでは開けません。
- リンクを開いた人は、コピーを作って自分の Canvas で編集を続けられます。 お店や会社のページなら、同業者も同じことができます。
- ユーザー間でデータを共有するアプリでは、公開リンクを知っている人ならだれでも、そのデータを見たり編集したりできます。 ほかの訪問者が入力した内容も含みます。こうしたアプリのデータは公開のデータベースに置かれる、と Canvas の安全性についてのヘルプ に書いてあります。
ヘルプには、独自ドメインやアクセス数についての説明がありません。
下書きを見てもらうには十分です。チラシや広告、SNS の告知に載せるページには足りません。
授業で生徒に配るときの Classroom への共有と、Gemini を使えない生徒への配り方は、ガイド Gemini で作ったゲームや教材を、生徒に配る方法 で説明しています。
Canvas で作ったゲームを友だちのスマホで遊んでもらうなら、ガイド Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにする を見てください。
| ページの公開に必要なこと | Gemini の共有リンク | Convika で公開した場合 |
|---|---|---|
| 誰でも開ける URL | g.co/gemini/share のリンク。gemini.google.com の画面で開く | yourpage.convika.page のような URL で、ふつうの Web サイトとして開く |
| 独自ドメイン | ヘルプに説明なし | Free でも www.example.com などのサブドメインを 1 つ使える |
| フォームの送信内容 | アプリに保存できる。ユーザー間でデータを共有するアプリでは、リンクを知っている人なら誰でも閲覧・編集できる | 管理画面でだけ見られる。Free は月 50 件まで(超えた分も保存し、Pro で表示)、CSV で書き出せる |
| アクセス数 | ヘルプに説明なし | 訪問数、流入元と UTM、デバイス、国、ボタンのクリック |
| 料金 | Gemini に含まれる | Free は無料、Pro は月 ¥1,800 |
Gemini で作ったページを URL で公開できるサービスの比較
Canvas の「コード」からコピーしたコードは、公開先のサービスに置けば、gemini.google.com の外でふつうの Web サイトとして開けます。
Netlify Drop は、ログインせずにドロップすると、ログインして引き取るまで URL に一時的なパスワードがかかります(出典: 2026 年 7 月 28 日更新の Netlify Drop のクイックスタート)。無料で使える代表的な 3 つを比べました。
| 公開先 | 無料プラン | 公開までの手順 | 独自ドメイン | フォームの保存 | アクセス数 |
|---|---|---|---|---|---|
| GitHub Pages | 公開リポジトリなら無料。オンラインのビジネスには使えない | GitHub でリポジトリを作り、コードを index.html として保存し、ブランチから公開する | 使える(ルートドメインも可) | なし | なし |
| Netlify Drop | 月 300 クレジット。使い切るとアカウントのすべてのサイトが止まる | コードを index.html として保存してドロップし、ログインしたあと、非公開なら「Make public」で公開する(2026 年 7 月 28 日以降に作ったチームでは、新しいプロジェクトは非公開から始まる) | 使える | 無制限。ただし「Enable form detection」を選んでから、もう一度ドロップする | Web Analytics で流入元まで見られる。残るのは直近 1 日分 |
| Convika | 公開 1 ページ、月 10,000 ページビュー。ページの下に Convika のバナーが出る | 管理画面にコードを貼り付け、プレビューを見て公開する | www などのサブドメインを 1 つ | 月 50 件(超えた分も保存し、Pro で表示)、CSV で書き出せる | 訪問数、流入元と UTM、デバイス、国、ボタンのクリックを 90 日分 |
GitHub Pages は、GitHub の 利用制限のページ で、オンラインのビジネスや EC サイト、SaaS のための無料ホスティングとしては使えないとされています。お店や商品のページを出すなら、規約を先に確かめてください。
Convika は、Claude や Codex といった、お使いの MCP クライアントからページを保存して公開することもできます。
HTML ファイル 1 つを無料で公開できるサービスの比較は、ガイド ChatGPT で作った HTML を無料で公開する方法 にまとめました。登録なしで URL を出せる Cloudflare Drop も含めた比較は、Netlify より簡単に HTML を公開できるサービスは? にあります。Canvas で作ったのがスライドなら、発表に使う URL にする手順を、ガイド Claude・Gemini で作った HTML スライドを、URL で共有する方法 で説明しています。
自分の URL で公開する 6 つの手順
Canvas からコードをコピーする
ページにフォームがあるときは、先に Gemini へ「フォームを <div data-convika-form></div> に置き換えて」と頼んでおきます。あとで送信内容が届く Convika のフォームを入れる目印になります。
Canvas が React のアプリを作った場合は、「ビルドなしで動く 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて」とも頼んでください。
準備ができたら、Canvas パネルの右上にある「コード」を押し、コードをすべてコピーします。
Convika の無料アカウントを作る
app.convika.com で登録します。
Free プランならカード登録なしで、1 ページを公開できます。
コードを貼り付ける
管理画面で「HTMLファイルをアップロードする」を押し、「コードから」のタブにコードを貼り付けます。.html のファイルとして保存した場合は、「ファイルから」のタブで選んでください。どちらも 2 MB まで対応しています。
「プレビューをつくる」を押すと、Convika が新しいページを作ります。アップロードに AI クレジットは使いません。
非公開のプレビューで確かめる
「プレビューができました」と表示されたら、「プレビューを開く」を押します。プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。
パソコンとスマートフォンの両方で開き、空白になっている部分や表示されない画像がないかを確かめます。見つかったときは、Gemini の外で動かないもの の節を見てください。
フォームを「届く」フォームにする
管理画面のサイト詳細で「フォームを追加する」を押し、項目(メールアドレスのみ/名前とメールアドレス/名前・メールアドレス・問い合わせ内容)とボタンの文言を選びます。目印を入れた場所に(目印がなければページ末尾のフッターの上に)、送信内容が届くフォームが入り、新しいプレビューのバージョンとして保存されます。
目印を使わなかった場合は、Gemini が作った元のフォームもページに残ります。送っても届かないフォームに訪問者が入力しないよう、「AIで直す」に「Gemini が作ったフォームを削除して、Convika のフォームは残して」と書いて消してください。標準のモデルなら 1 クレジットです。
プレビューから送ったテスト送信は確認だけで、保存されません。
公開して、独自ドメインをつなぐ
「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。公開すると、yourpage.convika.page のようなアドレスになります。
独自ドメインを使うときは、ページの画面の「独自ドメイン」で「独自ドメインをつなぐ」を押し、www.example.com のようなホスト名を入れて「ドメインを追加する」を押します。表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインなど、ドメインを買ったサービスの DNS 設定に追加してください。SSL 証明書は自動で発行されます。example.com と入れても www.example.com と入れても、両方をつなぎます。ページは www.example.com で開き、example.com を開いた人は www.example.com に転送されます。DNS には、www の CNAME レコードと TXT レコードに加えて、名前 @ の A レコード(値は Convika が示す IP アドレス)を足します。DNS が Cloudflare なら、これらのレコードは DNS only(灰色の雲)にします。example.com で今ほかのサイトを出しているときは、example.com はそのままにして www.example.com だけをつなぐこともできます。
公開したあとは、管理画面の分析で、ページビューと訪問者数、どのサイトから来たか(リファラー)、デバイス、国、ボタンのクリック、フォームの送信数を、直近 7 日・30 日・90 日で確認できます。
Gemini のインフォグラフィックを共有・保存するとき
Canvas のドキュメントを開き、パネルの右上にある「作成」から「インフォグラフィック」を選ぶと、その内容をもとにしたインフォグラフィックができます(出典: Google の Canvas のヘルプ)。Deep Research のレポートも、同じ「作成」のメニューからインフォグラフィックに変換できます(出典: Gemini Canvas の紹介ページ)。
人に見せるときは、Canvas の共有リンクを使います。 パネルの右上にある「共有とエクスポート」から「共有」を押し、「公開リンクをコピー」を押すと、g.co/gemini/share で始まるリンクが手に入ります。ヘルプはこの手順を「アプリまたはコンテンツ」の共有としてまとめていて、インフォグラフィックだけの手順は分けていません。リンクを開ける場所と、開いた人にできることは、上の、共有リンクでできることの節 のとおりです。
手元に残すときは、テキストの書き出しとコピーがヘルプにある方法です。 「共有とエクスポート」の「Google ドキュメントにエクスポート」はテキストを新しい Google ドキュメントで開き、「コンテンツをコピー」はレポートのテキストをコピーします。PDF は、LaTeX を含むドキュメントの書き出し先として書かれています。インフォグラフィックを画像や PDF、PowerPoint のファイルとして保存する手順は、2026 年 10 月 14 日の時点で、このヘルプにありません。Canvas で作ったのがスライドなら、Google スライドへの書き出しと URL での共有を、ガイド Claude・Gemini で作った HTML スライドを、URL で共有する方法 で説明しています。
Gemini の外でも開ける URL にするときは、コードを Convika に置きます。 Canvas パネルの右上に「コード」が出ていれば、押してコードをすべてコピーし、ページ冒頭のボックス の「コードから」に貼り付けて、「プレビューのリンクをつくる」を押します。登録なしで、非公開のリンクができます。このプレビューではスクリプトを止めているため、スクリプトで描くグラフは表示されません。「このページを受け取る(無料・カード不要)」から登録して公開すると、Chart.js のようなライブラリで描くグラフも表示され、パソコンでもスマートフォンでもブラウザで開ける URL になります。見る人にアカウントはいりません。置けるのは 2 MB までの HTML 1 つです。Gemini の AI を使う機能は動きません。ページがほかのサイトからデータを取得する処理も、Free では動かず、Pro と MAX でも、届くのはアクセス解析ツールと、持ち主が登録した広告の送信先(20 件まで)だけです。「コード」について Google のヘルプが説明しているのは、アプリを編集する場面です。インフォグラフィックのパネルに出るかどうかは書かれていません。出ていないときは、Gemini に「このインフォグラフィックを 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて」と頼みます。公開する前に見え方だけ確かめるなら、コードを Convika の HTML ビューアー に貼り付けます。コードは Convika に送られず、ブラウザの中で表示されます。Convika 以外の公開先は、ガイド HTML ファイルを、どのスマホでも開けるリンクで共有する方法 で比べています。
Gemini の外で動かないもの
ページに書かれたスクリプトは、Free を含むすべてのプランで動きます。Canvas のページがよく読み込む Tailwind、Google Fonts、アイコンのライブラリも、CDN からそのまま読み込めます。ボタンの onclick に書いた処理、YouTube や Google マップの埋め込み、https:// で始まる URL の画像や動画も使えます。
プランによって変わるものと、動かないものは次のとおりです。
- Gemini の AI を使う機能と、アプリに保存したデータ: チャットボット、文章や画像の生成、アプリに保存した入力内容は、Canvas の上でしか動きません。Convika のページのスクリプトは、ほかのサイトからデータを取得することもできません(Pro では、下のアクセス解析ツールと、持ち主が登録した広告の送信先を除く)。Gemini には「AI の機能とデータの保存を外して、静的なページにして」と頼みます。
- アクセス解析・ヒートマップのツール: Google アナリティクス、Cloudflare Web Analytics、Clarity、Hotjar、Plausible、PostHog、Mixpanel がデータを送信できるのは Pro 以上。Free では通信がブロックされます。Convika のアクセス数は Free でも見られます。
- パソコンの中の画像: 自分のパソコンにあるファイルを指す画像は、公開したページでは表示されません。
<img>などのタグで読み込むファイルは、アップロードの画面に一覧で表示されます。スクリプトが読み込むファイルは一覧に出ないので、ゲームなどではコードの中の.pngや.mp3も探します。Gemini には「画像はすべて https:// から始まる URL にして。URL はこれを使って: …」と頼みます。 - HTML の属性に書いたコードを実行するライブラリ: Alpine.js(
x-dataや@click)は動きません。「Alpine.js の部分を、ふつうの JavaScript に書き直して」と頼みます。
よくある質問
Gemini で作ったページを URL で見せるにはどうすればいいですか?
方法は 2 つあります。
手軽なのは、Canvas の「共有とエクスポート」→「共有」で手に入る g.co/gemini/share のリンクを送る方法です。相手は gemini.google.com の画面でページを開きます。
ふつうの Web サイトとして自分の URL で見せたいときは、Canvas の「コード」からコードをコピーして公開先に置きます。Convika なら、管理画面の「HTMLファイルをアップロードする」→「コードから」に貼り付け、プレビューを確かめてから「ページを公開する」を押すだけです(はじめての公開では、「次へ」のあとに出る大きな「無料で公開する」を押します)。
Gemini の共有リンクはだれでも見られますか?
見られます。g.co/gemini/share のリンクは公開リンクで、知っている人ならだれでも開けます。
開くのは gemini.google.com の画面で、Gemini のモバイルアプリでは開けません。リンクを開いた人はコピーを作って編集できます。ユーザー間でデータを共有するアプリでは、保存されたデータを見たり編集したりすることもできます。
Gemini Canvas で共有ができないときはどうすればいいですか?
どこで止まっているかで、確かめることが変わります。
「共有」が見当たらないなら、仕事や学校の Google アカウントで、組織が会話の共有を無効にしている可能性があります。Google Workspace の管理者向けヘルプ によると、公開リンクでの共有はデフォルトでオフで、管理者がオンにすると、チャットやキャンバスを共有できるようになります。
リンクを送った相手が開けないなら、Gemini のモバイルアプリで開いていないかを確かめます。共有リンクは gemini.google.com でしか開きません。
前に作ったリンクが消えたなら、自動削除の設定も含めて、もとのチャットが削除されていないかを確かめます。チャットの共有についてのヘルプ によると、チャットの一部が Gemini アプリ アクティビティから削除されると、公開リンクも削除されます。
Gemini の外でも開ける URL にしたいときは、Canvas の「コード」からコードをコピーして、上の手順で公開します。
Gemini Canvas で作ったアプリを共有するにはどうすればいいですか?
Canvas パネルの右上にある「共有とエクスポート」から「共有」を押し、表示されるアプリの情報を確かめてから、「公開リンクをコピー」を押します。
Google の Canvas のヘルプ によると、その公開リンクを知っている人はだれでも、アプリに関連するデータを見たり編集したりできます。リンクは gemini.google.com で開き、開いた人はコピーを作って編集を続けられます。
gemini.google.com の外で、ふつうの Web サイトとして見せるなら、「コード」からコードをコピーして Convika に貼り付けます。Gemini の AI を使う機能とアプリに保存したデータは Canvas の上でしか動かないため、Gemini の外で動かないものの節 を先に確かめてください。
Gemini で作ったインフォグラフィックを共有するにはどうすればいいですか?
Canvas パネルの右上にある「共有とエクスポート」から「共有」を押し、「公開リンクをコピー」を押して、g.co/gemini/share で始まるリンクを送ります。
Google の Canvas のヘルプ は、この手順を「アプリまたはコンテンツ」の共有としてまとめていて、インフォグラフィックだけの手順は分けていません。リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けません。開いた人は、コピーを作って自分の Canvas で編集を続けられます。
どのブラウザでも開ける URL で見せたいときは、Canvas パネルの右上に「コード」が出ていればコードをコピーし、Convika に貼り付けて公開します。手順は インフォグラフィックの節 にあります。
Gemini のインフォグラフィックをファイルとしてダウンロードできますか?
Google の Canvas のヘルプ には、インフォグラフィックをファイルとしてダウンロードする手順がありません(2026 年 10 月 14 日に確認)。
PDF として書き出せると書かれているのは、LaTeX を含むドキュメントと、英語版のヘルプ にあるスライドです。PowerPoint はヘルプに出てきません。スライドの書き出し先として英語版にあるのは Google スライドです。ほかにヘルプにあるのは、テキストを Google ドキュメントで開く「Google ドキュメントにエクスポート」と、テキストをコピーする「コンテンツをコピー」です。
Canvas パネルの右上に「コード」が出ていれば、コードをコピーして .html のファイルとして保存するか、Convika に貼り付けて URL にすると、Gemini の外に残せます。
Gemini で作ったページを独自ドメインで公開できますか?
Gemini の共有リンクは gemini.google.com で開くため、独自ドメインでは出せません。
独自ドメインで公開するときは、コードをコピーして、独自ドメインに対応した公開先に置きます。Convika の Free プランなら、www.example.com のようなサブドメインを 1 つ、CNAME レコードと TXT レコードを追加してつなげます。example.com を開いた人は www.example.com に転送され、www とあわせて一つのドメインと数えます。
Gemini で修正したら、公開したページも変わりますか?
変わりません。Convika に置いたページはコピーです。
公開中のページを直すときは、サイト詳細の「AIで直す」に直したい点を書きます。標準のモデルなら 1 回 1 クレジットで、Free プランには最初に 10 クレジットが付きます。修正は新しいバージョンとして保存され、プレビューで確かめて公開するまで、いまのページは変わりません。Gemini で直したコードは、サイトの画面の「HTML ファイルで更新」に貼り付ければ、同じ URL のまま次のバージョンになります。管理画面の「HTMLファイルをアップロードする」から貼り付けると、別の URL を持つ新しいページになります。
Convika の料金はどうなっていますか?
Convika の Free プランはカード登録なしで使えます。
公開 1 ページまで、月 10,000 ページビューまで、独自ドメインは 1 つで、ページの下に Convika のバナーが出ます。フォームの回答は月 50 件まで管理画面に表示されます。それより後の回答も、1 つのフォームにつき月 1,000 件まで保存され、Pro にすると見られます。Pro にするとバナーが消え、フォームの回答もすべて見られます。
Pro は月 ¥1,800 で、月 100,000 ページビューが含まれます(超えた分は 10,000 ページビューごとに ¥200 で、ページは止まりません)。
次のステップ
HTML ファイルを、どのスマホでも開けるリンクで共有する方法
HTML ファイルをメールや LINE で送ると、届くのはページではなくファイルです。ChatGPT や Claude で作った HTML をアップロードし、どのスマホでもタップで開けるリンクにする方法を、登録なしの手順から説明します。
関連記事
- Gemini Canvas の共有ができない・相手が開けないときの原因と、別の渡し方「共有」が出ない、送ったリンクを相手が開けない、前のリンクが消えた。Gemini Canvas の共有で止まる原因を Google のヘルプで症状ごとに確かめ、Canvas のコードを Gemini の外の URL にして渡す手順までまとめました。
- ChatGPT で作った HTML を、無料で公開する方法ChatGPT で作った HTML も、HTML ファイル 1 つも、無料で公開できます。このガイドは Netlify Drop、GitHub Pages、Cloudflare Pages、Tiiny Host、Convika の 5 つを、独自ドメイン、フォーム、アクセス数で比べています。
- Claude で作ったページを、自分のドメインで公開する方法Claude の共有リンクは開く人にもアカウントが必要です。コードを Convika に貼り付ければ、だれでも開ける URL で公開できます。無料プランでも登録を保存するフォーム、アクセス数、www など自分のドメイン 1 つを使えます。
- Claude・Gemini で作った HTML スライドを、URL で共有する方法Claude の「共有」で作ったリンクは相手にもアカウントが必要で、Gemini の共有リンクは gemini.google.com でしか開けません。HTML のスライドを Convika に置けば、どのブラウザでも開いて矢印キーでめくれます。
- ChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開するChatGPT・Claude・Gemini で作ったゲームを、友だちがログインなしでスマホで遊べるように公開する方法。itch.io、GitHub Pages、Netlify Drop、CodePen、Convika の無料サービス 5 つの比較と手順です。
- Gemini Canvas で作ったゲームを、友だちがスマホで遊べるリンクにするGemini の共有リンクは gemini.google.com で開き、Gemini のモバイルアプリでは開けません。コードを取り出して、スマホのブラウザで開くリンクにする手順です。