ビジュアルモニタリングのために競合サイトを取得
プロダクトチーム、代理店、市場調査担当者は、競合が何をリリースしているか(ランディングページの刷新、料金ページの変更、新製品の発表、コピーのA/Bテストなど)を追跡するためにWebshotを利用しています。今日取得し、来週もう一度取得して、そのペアをSlackチャンネルやビジュアル差分ツールに放り込みましょう。
すべてのボタンは、あらかじめ設定された状態で取得フォームを開きます。ページが読み込まれた後で、形式やビューポートを変更できます。
この用途にWebshotを使う理由
匿名での取得
Webshotは当社のサーバーから描画するため、競合のアナリティクスにはあなたではなく当社のIPが表示されます。相手のレポートを歪めたり、相手に気づかれたりしたくない場合に役立ちます。
時系列のスナップショット
毎週取得しましょう。各ファイルのmtime(更新日時)が時系列のアーカイブになります。日付でラベル付けしたフォルダに入れれば、すぐにビジュアルの変更履歴ができあがります。
フルページまたはファーストビュー
ファーストビューなら、相手のヒーロー領域や価値提案を数秒で捉えられます。フルページなら、料金表、FAQ、フッターまで、すべてを取得できます。
APIによる自動化
Webshot APIは無料です。10件の競合URLを取得し、サムネイルをチームのSlackに投稿する週次のcronを、50行未満のコードで組めます。
競合モニタリングの取得方法
- 競合のURLリストを作成します(ランディングページ、料金、製品、ブログ、概要など、モニタリングしたいものは何でも)。
- URLをWebshotに貼り付けて取得し、ファイル名に今日の日付を入れて保存します(例:`competitor-pricing-2026-05-08.jpg`)。
- 毎週繰り返します。先週の取得画像と比較しましょう。Notion、Figma、あるいはmacOSのプレビューのちらつき比較でも構いません。
- または自動化します。無料のWebshot APIをcronと組み合わせて、週次の取得画像をSlackに投稿したり、S3に保存したりできます。
よくある質問
一般的には合法です。一般公開されているウェブページは、論評・調査・分析を目的としたフェアユースの範囲でスクリーンショットを撮ることができます。競合のコンテンツを自社のものとして再投稿するのは不可ですが、スクリーンショットを自社の製品判断の参考にしたり、比較記事を書くために使ったりすることは一般的な慣行です。
競合のアナリティクスには、あなたではなくWebshotのサーバーからのトラフィックが表示されます。当社のユーザーエージェントはChromeとして認識されますが、IPは当社のものです。取得をリクエストした人が誰であるかを、取得対象のサイトに通知することはありません。
Webshot APIをご利用ください。各競合のURLに対して `/api/capture` を呼び出す10行のスクリプトを書き、出力を `<competitor>-<page>-<date>.jpg` という名前にして、ディスクまたはS3に保存します。cronで毎週実行しましょう。コードサンプルは `/developers` をご覧ください。
Webshotは取得画像を生成します。これを差分ツール(例:`pixelmatch`、`BackstopJS`、ImageMagickの `compare`)や、Percy/Chromaticのようなマネージドのビジュアル差分サービスと組み合わせてください。あるいは、Notionで変更前後のペアを目視で見比べるだけでも構いません。
無料の一般公開フォームは、IPごとに15分あたり5回の取得にレート制限されています。無料のWebshot APIはより寛容です。現在のIPごと・アカウントごとの制限は `/developers` をご覧ください。大量のモニタリング(数百〜数千件)については、商用の制限について sales@tuxxin.com までメールでお問い合わせください。
Webshotは、お使いのブラウザと同じようにheadless Chromeで各ページを読み込みます。自動化されたトラフィックへの配信を拒否するサイト — ボット対策のチャレンジ、ログインの壁、年齢確認、国別ブロックなど — は、通常表示するブロックページやチャレンジページを返し、取得結果にはそれが反映されます。当社はこれらの対策を回避しようとはしません。保護されたサイトについては、ログイン済みのブラウザセッションから手動でスクリーンショットを撮るのが適切な方法です。
その他の活用事例: Google Mapsのスクリーンショット · WordPressのスクリーンショット · ランディングページのQA · 法的証拠のスクリーンショット · SNSのスクリーンショット · すべて見る →