Max Nardit
自動化

Share2Agent で Web ページを n8n に送る方法

ワンクリックで任意の Web ページを n8n のワークフローへ送信します。Share2Agent はページコンテンツを抽出して n8n の Webhook に POST し、そこから AI エージェント、データベース、Slack、Notion、その他あらゆるインテグレーションへルーティングできます。

前提条件

  • n8n が稼働している (セルフホストまたは n8n Cloud)
  • Share2Agent Chrome 拡張機能がインストール済み

ステップ 1: Webhook トリガー付きのワークフローを作成する

  1. n8n を開いて Add workflow をクリックします。
  2. Add first step をクリックして Webhook を検索します。
  3. Webhook トリガーノードを選択します。
  4. HTTP Method を POST に設定します。
  5. Respond を Immediately に設定します。これにより、Share2Agent が高速にレスポンスを得てタイムアウトしません。
  6. Path は自動生成された値のままにするか、share2agent のようなカスタム値を設定します。

Webhook ノードの設定はこのようになるはずです。

HTTP Method: POST
Path: share2agent
Respond: Immediately

ステップ 2: Webhook URL をコピーする

n8n は Webhook ごとに 2 つの URL を提供します。

  • Test URL : ワークフローエディタが開いていて "Listen for test event" をクリックしたときだけ動作します。セットアップ中はこちらを使います。
  • Production URL : ワークフローを有効化すると動作します。設定が完了したらこちらを使います。

まず Test URL をコピーします。次のような形式です。

https://your-n8n.example.com/webhook-test/share2agent

ステップ 3: 処理ノードを追加する

Webhook トリガーの後にノードを追加して、ページコンテンツに対して何かを実行します。例:

  • AI Agent : LLM でページを要約したり、ポイントを抽出します
  • Markdown : 下流のツール向けにコンテンツを変換します
  • Notion / Google Sheets : ページをデータベースに保存します
  • Slack / Email : 要約をチームに転送します

Share2Agent からの Webhook ペイロードには次のフィールドが含まれており、エクスプレッションで参照できます。

{{ $json.url }}        -- ページの URL
{{ $json.title }}      -- ページのタイトル
{{ $json.content }}    -- 抽出されたクリーンなテキスト
{{ $json.comment }}    -- 指示またはメモ
{{ $json.timestamp }}  -- ISO 8601 タイムスタンプ
{{ $json.meta }}       -- description、og_image、author、language を含むオブジェクト

ステップ 4: Share2Agent を設定する

  1. Chrome で Share2Agent 拡張機能のアイコンをクリックします。
  2. Settings を開きます。
  3. Webhook URL フィールドに n8n の Webhook URL を貼り付けます。
  4. 保存します。

ステップ 5: インテグレーションをテストする

  1. n8n の Webhook ノードで Listen for test event をクリックします。
  2. Chrome で任意の Web ページに移動します。
  3. Share2Agent のアイコンをクリックして Share を押します。
  4. n8n に戻ると、Webhook ノードの出力に受信データが表示されるはずです。
  5. フィールド (url、title、content、comment、meta) が埋まっているか確認します。

すべて動作したら、Share2Agent の Webhook URL をテスト URL から Production URL に切り替えて、n8n でワークフローを有効化します。

例: 記事を Notion に保存する

実用的なワークフロー:

  1. Webhook : Share2Agent からページを受信
  2. IF : comment に "read later" が含まれているかチェック
  3. Notion : Reading List データベースにタイトル、URL、要約付きでページを作成
  4. Slack : チャンネルに確認メッセージを投稿

次のステップ

  • AI 要約を追加: Webhook の後に OpenAI または Anthropic ノードをつないで、保存前に要約を生成します。
  • リサーチパイプラインを構築: comment フィールドに応じてページを別々のデータベースへルーティングします (例: "competitor" は 1 つの Notion DB へ、"reference" は別の DB へ)。
  • エラーハンドリングをセットアップ: Error Trigger ワークフローを追加して、失敗をキャッチし、Slack やメールで通知します。