Max Nardit
自動化

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

Web ページから任意の Zap をトリガーします。Share2Agent は抽出されたページコンテンツを Zapier の Webhook に送り、コードを書かずに 7,000 以上のアプリへ接続できます。

前提条件

  • Zapier アカウント (無料プランでもテスト可能)
  • Share2Agent Chrome 拡張機能がインストール済み

ステップ 1: Webhook トリガー付きの Zap を作成する

  1. zapier.com へ移動して Create Zap をクリックします。
  2. トリガーで Webhooks by Zapier を検索します。
  3. トリガーイベントに Catch Hook を選びます。
  4. Continue をクリックします。

Zapier は事前に Hook の形式を尋ねません。最初のリクエストから構造を学習します。

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

Zapier は固有の Webhook URL を生成します。次のような形式です。

https://hooks.zapier.com/hooks/catch/123456/abcdef/

この URL をコピーします。ステップ 3 で必要になります。

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

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

ステップ 4: テストページを送信する

  1. Chrome で任意の Web ページに移動します。
  2. Share2Agent のアイコンをクリックします。
  3. 任意でコメントを追加します (例: "save for later")。
  4. Share をクリックします。
  5. Zapier に戻り、Test trigger をクリックします。Zapier がリクエストを見つけ、パースされたデータを表示するはずです。

ステップ 5: Zapier でフィールドをマッピングする

Zapier がテストデータを受信したら、Share2Agent のフィールドをアクションステップにマッピングできます。利用可能なフィールド:

フィールド説明
urlページの URL
titleページのタイトル
content抽出されたクリーンなテキスト
commentメモまたは指示
timestampISO 8601 タイムスタンプ
meta__descriptionページの meta description
meta__og_imageOpen Graph 画像 URL
meta__authorページの著者
meta__languageページの言語コード

Zapier はネストされたオブジェクトを二重アンダースコアでフラット化します。つまり、meta.description はフィールドピッカーでは meta__description になります。

Share2Agent が送る生の JSON ペイロード:

json
{
  "url": "https://docs.example.com/api",
  "title": "API Reference",
  "content": "Extracted clean text of the page...",
  "comment": "Save for research",
  "timestamp": "2026-03-29T12:00:00.000Z",
  "meta": {
    "description": "Complete API docs",
    "og_image": "https://docs.example.com/og.png",
    "author": "Example Team",
    "language": "en"
  }
}

ステップ 6: アクションステップを追加する

Webhook トリガーの後にアクションステップを 1 つ以上追加します。よくある例:

  • Google Sheets : URL、タイトル、要約付きの行を追加
  • Notion : データベースに新しいページを作成
  • Slack : ページタイトルと URL 付きでチャンネルにメッセージ送信
  • Gmail : 記事のコンテンツを自分宛にメール
  • Airtable : リサーチトラッカーにページを記録

下流アプリの文字数制限を超える場合は、Zapier の Formatter ステップで content を切り詰めます。

例: Google Sheets でのリサーチログ

  1. Trigger : Webhooks by Zapier (Catch Hook)
  2. Action : Google Sheets: Create Spreadsheet Row
    • 列 A: title
    • 列 B: url
    • 列 C: comment
    • 列 D: timestamp
    • 列 E: content の最初の 500 文字

共有されたページは自動的にスプレッドシートに記録されます。

ヒント

  • コメントでフィルタリング: Zapier の Filter ステップを使い、comment に "save" や "urgent" などのキーワードが含まれる場合のみ続行させます。
  • マルチステップ Zap: 複数のアクションをチェーンします (例: Notion に保存 AND Slack 通知を送信)。
  • Zapier Tables: 共有ページを Zapier の組み込みデータベースに保存して、素早く参照できるようにします。

次のステップ

  • AI 処理を追加: Zapier の組み込み AI アクションを使うか、OpenAI に接続して、保存前にページを要約します。
  • 読み物リストワークフローを作る: comment フィールドに基づいたタグ付きで Pocket や Raindrop.io にページを保存します。
  • チームのナレッジベースを構築: 共有ページをトピック別に整理した Notion wiki や Confluence スペースへルーティングします。
Share2Agent で Web ページを Zapier に送る