> ## Documentation Index
> Fetch the complete documentation index at: https://docs.evocrawl.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ChatGPT での MCP Web 検索とスクレイピング

> 2 分で ChatGPT に Web スクレイピングと検索機能を追加

<Note>
  ChatGPT における MCP サポートは現在ベータ版機能です。OpenAI による開発が進むにつれて、インターフェースや提供状況が変更される可能性があります。
</Note>

<Warning>
  **提供状況:** MCP コネクタ付きの Developer モードは Free プランでは利用できず、有料の ChatGPT サブスクリプションが必要です。提供状況と機能はプランや地域によって異なります。最新の提供状況とセットアップ手順については、[OpenAI による Developer Mode のドキュメント](https://help.openai.com/en/articles/12584461-developer-mode-apps-and-full-mcp-connectors-in-chatgpt-beta) を参照してください。
</Warning>

Evocrawl MCP を使って、ChatGPT に Web スクレイピングと検索機能を追加しましょう。

<div id="quick-setup">
  ## かんたんセットアップ
</div>

<div id="1-get-your-api-key">
  ### 1. APIキーを取得する
</div>

[evocrawl.dev/app/api-keys](https://www.evocrawl.com/app/api-keys) にサインアップして、APIキーをコピーします。

<div id="2-enable-developer-mode">
  ### 2. 開発者モードを有効にする
</div>

画面左下のユーザー名をクリックして ChatGPT の設定を開くか、[chatgpt.com/#settings](https://chatgpt.com/#settings) に直接アクセスします。

設定画面で一番下までスクロールし、**Advanced Settings** を選択します。**Developer mode** をオンに切り替えます。

<Frame>
  <img src="https://mintcdn.com/evocrawl/D9Wysvx6sM-lInzo/images/integrations/mcp/chatgpt/enable-developer-mode.gif?s=72787bbf53b2940603a6db8188cd4733" alt="ChatGPT の設定画面で Advanced Settings と Developer mode のトグルが表示されている様子" width="1352" height="720" data-path="images/integrations/mcp/chatgpt/enable-developer-mode.gif" />
</Frame>

<div id="3-create-the-connector">
  ### 3. コネクタを作成する
</div>

Developer mode を有効にした状態で、同じ設定モーダル内の **Apps & Connectors** タブに移動します。

右上の **Create** ボタンをクリックします。

<Frame>
  <img src="https://mintcdn.com/evocrawl/D9Wysvx6sM-lInzo/images/integrations/mcp/chatgpt/apps-connectors-create.png?fit=max&auto=format&n=D9Wysvx6sM-lInzo&q=85&s=37145df95df5a68ec4556360fffa12b9" alt="Create ボタンが強調表示された Apps & Connectors タブ" width="1422" height="504" data-path="images/integrations/mcp/chatgpt/apps-connectors-create.png" />
</Frame>

コネクタの詳細を入力します：

* **Name:** `Evocrawl MCP`
* **Description:** `Web scraping, crawling, search, and content extraction`（任意）
* **MCP Server URL:** `https://mcp.evocrawl.dev/YOUR_API_KEY_HERE/v2/mcp`
* **Authentication:** `None`

URL 中の `YOUR_API_KEY_HERE` を、実際の [EvoCrawl API key](https://www.evocrawl.com/app/api-keys) に置き換えてください。

<Frame>
  <img src="https://mintcdn.com/evocrawl/D9Wysvx6sM-lInzo/images/integrations/mcp/chatgpt/connector-form-filled.png?fit=max&auto=format&n=D9Wysvx6sM-lInzo&q=85&s=a7361e2840c069b9dcb1b6a9cdf77d26" alt="Evocrawl MCP の詳細が入力された新規コネクタフォーム" width="972" height="1446" data-path="images/integrations/mcp/chatgpt/connector-form-filled.png" />
</Frame>

**"I understand and want to continue"** チェックボックスをオンにしてから、**Create** をクリックします。

<div id="4-verify-setup">
  ### 4. セットアップを確認する
</div>

ChatGPT のメイン画面に戻ってください。**Developer mode** と表示されていれば、MCP コネクタが有効になっています。

Developer mode が表示されない場合は、ページを再読み込みしてください。それでも表示されない場合は、もう一度設定を開き、Advanced Settings で Developer mode がオンになっていることを確認してください。

<div id="5-access-evocrawl-tools">
  ### 5. Evocrawl ツールにアクセスする
</div>

会話で Evocrawl を使用するには、チャット入力欄の **+** ボタンをクリックし、**More** を選択してから **Evocrawl MCP** をクリックします。

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/evocrawl/images/integrations/mcp/chatgpt/select-evocrawl-mcp.png" alt="ChatGPT のチャット入力欄で + メニューが展開され、More サブメニューと Evocrawl MCP オプションが表示されている画面" />
</Frame>

<div id="quick-demo">
  ## クイックデモ
</div>

Evocrawl MCP を選択した状態で、次のプロンプトを試してみてください:

**Search:**

```
Search for the latest React Server Components updates
```

**スクレイピング：**

```
Scrape evocrawl.dev and tell me what it does
```

**ドキュメントを取得：**

```
Vercelのエッジ関数のドキュメントをスクレイピングして要約する
```

<div id="tool-confirmation">
  ## ツールの確認
</div>

ChatGPT が Evocrawl MCP ツールを使用する際、承認を求める確認プロンプトが表示されることがあります。一部の ChatGPT Desktop バージョンでは、このダイアログを表示せずにツール呼び出しが自動承認されます。プロンプトが表示されない場合は、レスポンス内の **"Called tool"** セクションを確認するか、[evocrawl.dev/app/usage](https://www.evocrawl.com/app/usage) で利用状況を確認することで、ツールが呼び出されたことを確認できます。

<Tip>
  **確認プロンプトが表示されませんか？** 確認ダイアログが表示されないまま ChatGPT が質問に回答する場合、Evocrawl MCP コネクタがその会話に接続されていない可能性が高いです。[ステップ 5](#5-access-evocrawl-tools) に戻り、プロンプトを送信する前に **+** ボタンをクリックし、**More** を選択してから **Evocrawl MCP** を選んでいることを確認してください。コネクタは新しい会話ごとに毎回接続する必要があります。
</Tip>

<Frame>
  <img src="https://mintcdn.com/evocrawl/D9Wysvx6sM-lInzo/images/integrations/mcp/chatgpt/tool-confirmation.png?fit=max&auto=format&n=D9Wysvx6sM-lInzo&q=85&s=bb69d2d34ddede936aa948e5c8fa60b8" alt="Evocrawl MCP リクエストを示す ChatGPT のツール確認ダイアログ" width="1746" height="1196" data-path="images/integrations/mcp/chatgpt/tool-confirmation.png" />
</Frame>

同じチャットセッション中に毎回確認が表示されないようにするには、**"Remember for this conversation"** にチェックを入れます。これは、MCP ツールが意図しないアクションを実行しないようにするために OpenAI によって実装されているセキュリティ対策です。

承認すると、ChatGPT がリクエストを実行し、結果を返します。

<Frame>
  <img src="https://mintcdn.com/evocrawl/D9Wysvx6sM-lInzo/images/integrations/mcp/chatgpt/search-results-example.png?fit=max&auto=format&n=D9Wysvx6sM-lInzo&q=85&s=89b0916e6931cf6a6a5d3c9051399f1e" alt="ChatGPT に表示された Evocrawl の検索結果の例" width="1650" height="1672" data-path="images/integrations/mcp/chatgpt/search-results-example.png" />
</Frame>