---
title: "Web統合"
description: "カスタムウェブサイトへのKOMOJUの組み込み方法の選択。ホストページでKOMOJUがホストするチェックアウトにリダイレクトするか、ホストフィールドで自社ページに安全な入力フィールドを埋め込みます。"
url: "https://docs.komoju.com/ja/docs/integration-guides/web-integrations/overview"
source_url: "https://docs.komoju.com/ja/docs/integration-guides/web-integrations/overview.md"
language: ja
last_modified: "2026-08-18"
---

KOMOJUでは、カスタムウェブサイトで決済を受け付ける方法を2つ提供しています。実装の手間と、チェックアウト体験をどこまで制御できるかは、方法によって異なります。

## ホストページ

顧客をKOMOJUがホストするチェックアウトページにリダイレクトします。PCIコンプライアンスと3Dセキュアに標準で対応しており、複数の言語と通貨をサポートします。必要なコードも最小限に抑えられます。決済フォームを自作せずに動くチェックアウトが必要な場合は、この方法から始めましょう。 ![KOMOJUホストページの決済方法選択画面](https://docs.komoju.com/web-integrations_overview_hosted-page_1.png)

詳細は[ホストページの概要](https://docs.komoju.com/ja/docs/integration-guides/web-integrations/introduction-to-hosted-page.md)で確認できます。

## ホストフィールド

KOMOJUのiframeベースの入力フィールドを自社のチェックアウトページに埋め込みます。決済情報は自社サーバーを経由しないためPCI-DSSの負担を最小限に抑えられ、フォームの見た目はサイトの他の要素に合わせられます。 ![KOMOJUホストフィールドの決済方法入力画面](https://docs.komoju.com/web-integrations_overview_hosted-fields_2.png)

詳細は[ホストフィールドの概要](https://docs.komoju.com/ja/docs/integration-guides/introduction-to-hosted-fields.md)で確認できます。

## 前提条件

どちらの方法を選んでも、APIキーでリクエストを認証し、Webhookで決済ステータスの変化を追跡します。KOMOJU APIを初めて使う場合は、連携を始める前に[認証](https://docs.komoju.com/ja/docs/introduction/authentication.md)と[Webhook](https://docs.komoju.com/ja/docs/introduction/webhooks.md)のページを読んでください。