SocialProof.ReviewsにWebhook、Zapier、Makeを連携する方法

推薦文は、ビジネスの他のシステム(CRM、Slack、メールマーケティングプラットフォーム、スプレッドシートなど)に自動的に流れ込むとき、最大の効果を発揮します。SocialProof.Reviewsは新しい推薦文が送信されるたびにWebhookを送信するため、任意の場所にルーティングできるリアルタイムのトリガーを利用できます。

Webhookとは?

Webhookは、新しい推薦文が届いた瞬間に、ワークスペースが指定したURLへ送信するHTTP POSTリクエストです。ペイロードには送信内容のすべての情報(レビュアーの名前、メールアドレス、評価、レビューテキスト、写真、メタデータ)が含まれます。受信システムは、ログ記録、チームへの通知、CRMレコードの更新、ドリップシーケンスのトリガーなど、あらゆる処理を実行できます。

Webhook URLの設定

ステップ1: ワークスペース設定に移動する

SocialProof.Reviewsにログインし、ワークスペースを開き、管理パネルの 埋め込みと連携 セクションに移動します。Webhook タブを見つけてください。

ステップ2: エンドポイントURLを追加する

POSTリクエストを受信するURLを貼り付けます。以下のようなURLが使用できます:

ステップ3: 保存してテストする

保存 をクリックし、次に テストイベントを送信 ボタンを使ってサンプルペイロードをエンドポイントに送信します。本番稼動前に正しく届くことを確認してください。

Webhookペイロードの形式

推薦文の送信ごとに、次のような構造のJSONペイロードが送信されます:

{
  "event": "testimonial.submitted",
  "workspaceId": "abc123",
  "testimonialId": "t_xyz789",
  "submittedAt": "2026-03-17T10:30:00Z",
  "reviewer": {
    "name": "Jane Smith",
    "email": "[email protected]",
    "jobTitle": "Head of Marketing",
    "company": "Acme Corp",
    "photoUrl": "https://..."
  },
  "rating": 5,
  "review": "This tool completely changed how we collect and display customer feedback.",
  "photos": ["https://...", "https://..."],
  "videoUrl": null,
  "approved": false,
  "source": "collect-form"
}

Zapierへの連携

Zapierを使えば、コードを書かずにSocialProof.Reviewsを6,000以上のアプリと連携できます。

ステップ1: 新しいZapを作成する

zapier.com にログインし、Zapを作成 をクリックします。

ステップ2: トリガーを設定する

  1. トリガーアプリとして Webhooks by Zapier を検索して選択する
  2. トリガーイベントとして Catch Hook を選択する
  3. 続ける をクリック — Zapierが https://hooks.zapier.com/hooks/catch/123456/abcdef/ のような固有のWebhook URLを生成します
  4. そのURLをコピーする

ステップ3: URLをSocialProof.Reviewsに貼り付ける

  1. 管理パネルの Webhook & Zapier ページに移動する
  2. Zapierの URLを エンドポイントURL フィールドに貼り付ける
  3. 変更を保存 をクリックする

ステップ4: テスト — Zapierが先にリスニング中であること

⚠️ 重要: ZapierはアクティブにトリガーをWaiting中の場合のみテストペイロードを受け付けます。リスニング中でない場合は401エラーが発生します。

  1. Zapierで トリガーをテスト ステップにいることを確認する — Zapierはリスニング中になります
  2. SocialProof.Reviewsに戻り、⚡ テストを送信 をクリックする
  3. Zapierに戻り トリガーをテスト をクリック — ペイロードが受信されたことが確認でき、利用可能なすべてのフィールド(レビュアー名、メール、評価、レビューテキストなど)が表示されます

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

任意のアクションを接続します。例:

SlackでチームにNotifyする:

メールリストにレビュアーを追加する(Mailchimp):

Googleスプレッドシートにログを記録する:

HubSpotに連絡先を作成する:

ステップ6: Zapを有効にする

公開 をクリックすると、新しい推薦文が送信されるたびにワークフローが自動的にトリガーされます。


Makeへの連携(旧Integromat)

Makeは視覚的でデベロッパーフレンドリーな自動化プラットフォームです。多段階のフロー、条件分岐、データ変換が必要な場合に最適です。

ステップ1: 新しいシナリオを作成する

make.com にログインし、新しいシナリオを作成 をクリックします。

ステップ2: Webhooksモジュールを追加する

  1. + をクリックしてモジュールを追加する
  2. Webhooks を検索する
  3. Custom webhook を選択する(「Custom mailhook」ではなくこちらを選択)
  4. 追加 をクリック → 名前を付ける(例:「SocialProof Reviews」)→ 保存 をクリック
  5. Makeが https://hook.eu1.make.com/abc123xyz のようなURLを生成します — コピーする
  6. Webhookモジュールの OK をクリック — モジュールに時計アイコン(🕐)が表示され、現在アクティブにデータを待機中であることを示します

ステップ3: SocialProof.Reviewsに貼り付ける

  1. 管理パネルの Webhook & Zapier ページに移動する
  2. MakeのURLを エンドポイントURL フィールドに貼り付ける
  3. 変更を保存 をクリックする

ステップ4: テストを送信する — Makeが先にリスニング中であること

⚠️ 重要: Makeはアクティブにリスニング中の場合のみWebhookを受け付けます。Makeがリスニングモードでない場合は401エラーが発生します。

  1. Makeで、Webhookモジュールに時計アイコンが表示されていることを確認する — 待機中を意味します
  2. 時計が表示されていない場合は、Run once(シナリオエディタの左下)をクリックして再アクティブ化する
  3. SocialProof.Reviewsに戻り、⚡ テストを送信 をクリックする
  4. Makeに戻ると — ペイロードがキャプチャされ、すべてのフィールド(event、レビュアー名、メール、評価、レビューテキストなど)が自動検出されます
  5. OK をクリックしてデータ構造を確認する

ステップ5: データ構造を確認する

テストペイロードが受信されると、Makeは自動化で使用できるすべてのフィールドを表示します。

ステップ5: トリガーの後にモジュールを追加する

強力なMake自動化の例:

評価でフィルタリングしてNotifyする:

高評価の推薦文を自動承認する:

条件付きロジックでCRMに追加する:

Notionデータベースエントリを作成する:

ステップ6: シナリオを有効にする

シナリオエディタの左下にある電源トグルをクリックして有効にします。Makeはこれ以降、受信するすべての推薦文Webhookを処理します。


セキュリティについて

SocialProof.Reviewsは固定のIPアドレス群からWebhookを送信し、リクエストが本物であることを検証するために使用できるシグネチャヘッダー(X-SPR-Signature)を含めます。検証するには:

  1. ワークスペースのシークレットキーを使って、リクエストボディのrawデータの HMAC-SHA256 を計算する
  2. X-SPR-Signature の値と比較する
  3. 一致する場合のみリクエストを処理する

これにより、リプレイ攻撃を防ぎ、偽の推薦文が自動化に混入することを防ぎます。


よくあるWebhookのユースケース

ユースケース プラットフォーム トリガー アクション
Slackへのリアルタイム通知 Zapier testimonial.submitted Slackメッセージ
メールリストへの自動タグ付け Make testimonial.submitted (評価 ≥ 4) サブスクライバーをタグ付け
すべてのレビューをログ Zapier testimonial.submitted Googleスプレッドシートに行を追加
CRMへのプッシュ Make testimonial.submitted HubSpot/Salesforceの連絡先
5つ星を自動承認 Make testimonial.submitted (評価 = 5) API PATCH approved=true
ドリップシーケンスをトリガー Zapier testimonial.submitted Mailchimp自動化

トラブルシューティング

ステップ1 — 最初にwebhook.siteで確認する

Make、Zapier、または独自サーバーを疑う前に、SocialProof.Reviewsが実際にリクエストを送信していることを確認してください:

  1. webhook.site にアクセス — すぐに固有のURLが取得できます(サインアップ不要)
  2. そのURLをコピーする
  3. Webhook & Zapier設定の エンドポイントURL フィールドに貼り付ける
  4. 変更を保存 をクリックする
  5. ⚡ テストを送信 をクリックする

アプリに ✓ 送信完了!ペイロードがエンドポイントに届きました。 と表示され、webhook.siteに1〜2秒以内に新しいリクエストが表示されるはずです。クリックして完全なJSONペイロードを確認してください。

webhook.siteで受信できた場合、SocialProof.ReviewsのWebhookは正常に動作しています — 問題はMake/Zapierの設定にあり、プラットフォーム自体ではありません。ステップ2に進んでください。

webhook.siteで受信できない場合は、URLを貼り付けた後に 変更を保存 をクリックしたこと、および Webhookを有効にする トグルがオンになっていることを再確認してください。


ステップ2 — Makeの401エラー: Webhookモジュールを削除して再作成する

MakeからのHTTP 401は、WebhookトークンがMakeに登録されていないことを意味します。 これは、Webhookの作成後にシナリオが正しく保存されなかった場合や、Webhookが削除された場合に発生します。「Run once」をクリックするだけでは401は修正されません。Webhookモジュール全体を再作成する必要があります。

  1. Makeのシナリオで、Webhooksモジュールを右クリック削除 をクリックする
  2. + をクリックして新しいモジュールを追加 → Webhooks を検索 → Custom webhook を選択
  3. 追加 をクリック → 名前を付ける(例:「SocialProof Reviews」)→ 保存 をクリック
  4. Makeが新しいURLを生成します — コピーして、ダイアログを閉じるために OK をクリック
  5. 重要: 💾 保存 ボタン(シナリオエディタの上部)をクリックして新しいWebhookを永続化します。このステップをスキップすると、トークンが登録されず再び401エラーが発生します
  6. Run once(左下)をクリック — Webhookモジュールに時計アイコン(🕐)が表示され、Makeがアクティブにリスニング中であることを示します
  7. SocialProof.Reviewsに戻り — 新しいURLを エンドポイントURL に貼り付け、変更を保存 をクリックし、⚡ テストを送信 をクリックする

Makeがペイロードをキャプチャし、利用可能なすべてのフィールドを表示します。データ構造を確認するために OK をクリックし、シナリオの構築を続けます。


✗ HTTP 401 — Make/Zapierがリクエストを拒否しました。 最も一般的な原因は、テスト送信をクリックしたときにMakeまたはZapierがアクティブにリスニングしていなかった、またはWebhookトークンが無効(上記のMakeのステップ2を参照)な場合です。修正方法:

✗ HTTP 404 — Webhook URLが見つかりません。 URLが削除されたか、シナリオ/Zapが無効になっています。MakeまたはZapierに戻り、Webhookモジュールがまだ存在することを確認し、新しいURLをコピーしてください。

✗ 接続できません / HTTP 0。 URLが到達不能か、まだ保存されていません。URLを貼り付けた後に 変更を保存 をクリックしたことを確認し、URLが https:// で始まっていることを確認してください。

テストは成功するが実際の送信がトリガーされません。 2つの点を確認してください:(1)Webhookを有効にする トグルがオンになって保存されていること、(2)送信するイベント で必要なイベントがチェックされていること。実際の送信はWebhookが有効な場合のみトリガーされます。

エンドポイントがWebhookを受信していません。 URLが公開アクセス可能であることを確認してください — localhostのURLは拒否されます。webhook.site を使用してペイロードが送信されていることを確認してください(上記のステップ1を参照)。

重複したイベントが届いています。 testimonialId を重複排除キーとして使用して、受信エンドポイントに冪等性を実装してください。