---
url: "/ja/bannerify/export/cloudflare-pages.md"
description: "Bannerifyに組み込まれたCloudflare Pages連携を使って、エクスポートしたHTMLバナーのプレビューページを共有できるURLに公開します。"
---

# BannerifyのプレビューページをCloudflare Pagesにアップロードする

> Bannerifyに組み込まれたCloudflare Pages連携を使って、エクスポートしたHTMLバナーのプレビューページを共有できるURLに公開します。

Bannerifyでは、生成したHTMLプレビューページとそのバナー素材をすべて、Cloudflare Pagesに直接公開できます。

## Cloudflare Pagesを設定する {#configure-cloudflare-pages}

1. Cloudflareで、使いたいアカウントに対して**Cloudflare Pages: Edit**の権限を持つ[APIトークン](https://dash.cloudflare.com/profile/api-tokens)を作成します。
2. CloudflareのダッシュボードからアカウントIDをコピーします。
3. Bannerifyで**Export to HTML**をクリックし、**Upload Preview Page**を有効にして、**Cloudflare Pages**を選びます。
4. APIトークンとアカウントIDを貼り付け、英小文字、数字、ハイフンを使ってPagesのプロジェクト名を入力します。

**Export _n_ Banners**をクリックすると、Bannerifyが生成したプレビューファイルをアップロードし、Cloudflare PagesのプレビューURLを返します。指定した名前のPagesプロジェクトが存在しない場合は、アップロードの前に、`main`を本番ブランチとしてプロジェクトを作成します。

APIトークンは、Figmaユーザーの非公開のクライアントストレージに保存されます。アカウントIDとプロジェクト名は現在のFigmaページに保存されるため、以降のエクスポートでも同じプロジェクトを再利用できます。

Cloudflare Pagesには静的サイト向けの無料プランがあり、最新の[Pagesの制限](https://developers.cloudflare.com/pages/platform/limits/)が適用されます。