1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@boraemon2000

【脱・手作業集計】GA4 × SEOツール × AIエージェント（MCP）で月次アクセス解析＆改善提案PDFレポートを半自動生成する実践ワークフロー

1
Last updated at Posted at 2026-11-12

はじめに：毎月の「アクセス解析レポート作り」に何時間溶かしていますか？

Webサイトの運営やクライアントのWebマーケティング支援において、毎月必ずやってくるのが「月次アクセス解析＆SEOレポート」
の作成業務です。

  • Google Analytics 4（GA4）の管理画面を開いて期間を指定し、PV・セッション・CV数をメモする
  • Search ConsoleやSEOツール（Ubersuggest / Ahrefs等）を開いて、主要キーワードの順位変動を確認する
  • 予約システムや別ドメイン（サテライトLP等）のデータを突き合わせる
  • PowerPointやGoogleスライドの表に数値を手入力し、枠からはみ出ないようにフォントサイズをちまちま調整する

1社あたり2〜3時間、複数サイトを担当していれば丸1〜2日が「数字の転記とレイアウト調整」だけで消えてしまいます。しかも、集計作業で力尽きてしまい、本来の目的である「で、来月何を改善すれば売上が上がるのか？」という具体的な打ち手の立案がおろそかになりがちです。

現在私は、この月次レポーティング業務を「MCP（Model Context Protocol）× AIエージェント × HTML/CSS自動組版（Headless Chrome）」のパイプラインに置き換えています。

この手法により、人間が管理画面からCSVをダウンロードしたりパワポの枠を微調整する作業をゼロにし、「API経由での一次データ抽出 ➔ クロス分析 ➔ 改善アクション立案 ➔ クライアント提出品質のA4・2ページ完結PDF出力」までを一気通貫で自動化・半自動化しています。

本記事では、私が実務で運用しているWebサイトレポーティングの全体設計図、分析の必須チェック項目、そしてコピペでそのまま使える「A4・2ページ完結HTML/CSSテンプレート」と「AIエージェントへの指示プロンプト」を公開します。

1. 従来の月次レポーティングが抱える「3つの課題」

なぜ多くの現場でアクセス解析レポートが「作るのも大変、読む側もピンとこない資料」になってしまうのか。原因は大きく3つあります。

  1. ツール間の分断による「転記コスト」
    GA4（サイト内行動）、Search Console（実検索流入）、Ubersuggest等のSEOツール（市場検索ボリューム・被リンク・競合順位）、外部予約システム（最終CV）がバラバラに存在し、それらを人間が脳内で統合しようとすると膨大な時間がかかります。
  2. 「見かけの数値」に騙されるノイズ問題
    海外からのボットアクセス（直帰率100%・滞在0秒のスパム流入）が混ざっているのに「今月はセッションが増えました（ただし直帰率が悪化しました）」と表面的に報告してしまったり、最近急増しているAI検索（ChatGPT / Perplexity / Gemini等）経由の流入・CVを見落としてしまうケースが多発しています。
  3. スライド調整という「非生産的な職人芸」
    「A4で印刷したときに表が3ページ目に3行だけはみ出る」「パワポの表の行間がズレる」といったデザイン調整に時間を奪われるのは本末転倒です。

2. パイプライン全体像：MCPデータ取得から自己視覚検証PDF出力まで

私が実践しているレポーティングのワークフローは以下の4ステップで構成されています。

この手法の3大ブレイクスルー

  • ID確認や前提説明がゼロ（ナレッジのSSOT化）
    ローカルのMarkdownファイル（Obsidian等）に各サイトのGA4プロパティID、SEOツールのプロジェクトID、コンバージョン定義、さらには業界ごとの法規制（医療広告ガイドラインや景品表示法など）をあらかじめ記載しているため、「◯◯様のレポートを作って」の一言で正確なクエリが走ります。
  • 「GA4の実測行動 × SEOツールの市場データ」のクロス分析
    単なる数値の羅列ではなく、「SEOツール上で検索順位が11〜20位（あと少しで1ページ目）かつ検索ボリュームが大きいキーワード」と「GA4上でCVRが高いページ」を掛け合わせ、『来月どの記事をどうリライトし、どこに導線を貼ればCVが増えるか』までをAIが論理的に導き出します。
  • AIによる「出力PDFの視覚検証（Visual Verification）」
    HTMLからPDFを生成した際、文字量によってどうしても3ページ目に数行はみ出ることがあります。そこで「出力したPDFをAI自身の画像読み取りツールで開かせ、レイアウト崩れやページあふれがないか目視確認させる」ステップを必須化しています。はみ出していればAIが自らCSSの余白やフォントサイズを0.2pt単位で微調整し、美しい2ページ完結になってから完了報告を行います。

3. 実務で必ず抽出・分析させている「5つのデータ視点」

ただ「PVとユーザー数を出すだけ」のレポートには価値がありません。現場の意思決定に直結させるため、私は以下の5つの切り口を必須項目としてAIに抽出させています。

① 4軸比較（当月・前月比・前年同月比・直近13ヶ月最良値）

Webアクセスには必ず季節変動（繁忙期・閑散期）があります。前月比だけでなく「前年同月比」と「過去13ヶ月のベストスコア」を並べることで、現在の立ち位置を客観的に評価します。

② 海外ボット流入の切り分け（見かけの数値 vs 実質数値）

近年、米国やシンガポール等からのクローラー・ボットによる異常アクセス（滞在時間0秒・直帰率100%）が中小企業サイトにも頻繁に発生します。
地域別・市区町村別データを同時に抽出させ、異常値がある場合は「GA4上の見かけの直帰率」と「ボット除外後の実質国内直帰率・実質セッション数」を併記してクライアントに安心感と正確な実態を伝えます。

③ AI検索（ChatGPT / Gemini / Perplexity）経由の流入とCV捕捉

参照元/メディア（sessionSourceMedium）の分析において、従来のGoogle/Yahoo/Bing自然検索やSNSだけでなく、chatgpt.com、perplexity、gemini 等のAI検索エンジンからの流入数とコンバージョン数を独立して集計します。「SEOだけでなくAEO/GEO（AI検索最適化）でも成果が出始めているか」を可視化するためです。

④ 複数ドメイン・外部予約システムの横断ファネル分析

たとえば「本サイト（情報発信）＋ サテライトLP（集客特化）」の2サイト構成や、「クリニック公式サイト ＋ 外部予約システム（RESERVA等）」のようにドメインが分かれている場合、両方のGA4プロパティを同時に叩き、「本サイトでの予約ボタンクリック（reserva_click）➔ 予約システム側での予約完了（reservation_complete）」の遷移率・離脱率を一枚の表に統合します。

⑤ 業種別コンプライアンス・ガードレールの徹底

改善提案セクションをAIに書かせる際、業界特有のNG施策を提案させないための制約ファイルを必ず読み込ませます。

  • 医療機関（クリニック等）：厚生労働省「医療広告ガイドライン」を厳守（断定表現、No.1表記、ビフォーアフター単体掲載の禁止など）。
  • 不用品回収・BtoCサービス業：景品表示法の遵守（誇大表現の排除、料金透明性・許可番号明記の重視）。

4. 【コピペOK】A4縦・2ページ完結レポートのHTML+CSS設計

PowerPointを使わず、HTML＋CSSとHeadless Chromeで「印刷しても画面で見ても美しいA4縦・2ページ完結PDF」を作るための黄金比率を紹介します。

レイアウト設計の黄金パラメータ

  • ページサイズと余白：@page { size: A4 portrait; margin: 7mm 10mm; }
  • 基本フォントサイズ：本文 7.7pt、テーブル内 6.8pt〜7.0pt、見出し 9.5pt〜11pt
  • 改ページ制御：1ページ目と2ページ目の境界に <div class="page-break"></div>（page-break-before: always;）を明示的に配置し、途中のボックスや表には break-inside: avoid; を指定。

ページ構成（A4縦・2枚完結）

  • 【1ページ目：全体総括 ＆ SEO定点観測】
    • ヘッダーバナー（濃紺〜ブルー系グラデーション、対象期間、作成者名）
    • 最上部 4大KPIカード（月間PV、月間総CV、スマホCVRまたはAI検索CV、上位獲得KW数）
    • セクション1：エグゼクティブサマリー（当月の3大ハイライト）
    • セクション2：サイト横断パフォーマンス総括表（GA4実測 ＆ CV内訳）
    • セクション3：SEO・検索順位・被リンク統合サマリー ＆ 主要上位獲得キーワード一覧（2カラム表）
  • 【2ページ目：詳細ボトルネック分析 ＆ 翌月アクションプラン】
    • セクション4：サイト別 詳細データ分析（流入経路・地域・AI検索の特徴 ＆ 上位閲覧ページのPV・滞在時間・直帰率）
    • セクション5：翌月〜季節商戦に向けた重点改善アクションご提案（GA4の離脱ボトルネック × SEOツールの惜しい順位KWを掛け合わせた具体策3〜4項目）

ベースHTML+CSSテンプレート（抜粋）

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>月次WEBアクセス・SEO統合分析レポート</title>
<style>
  @page {
    size: A4 portrait;
    margin: 7mm 10mm;
  }
  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  body {
    font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-size: 7.7pt;
    line-height: 1.38;
    color: #1e293b;
    background: #ffffff;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .page-break {
    page-break-before: always;
  }
  /* ヘッダーバナー */
  .header-banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #2563eb 100%);
    color: #ffffff;
    padding: 10px 14px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
  }
  .header-banner h1 {
    font-size: 13pt;
    font-weight: 700;
    letter-spacing: 0.5px;
  }
  .header-meta {
    text-align: right;
    font-size: 7pt;
    opacity: 0.92;
  }
  /* 4大KPIカード */
  .kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin-bottom: 8px;
  }
  .kpi-card {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-top: 3px solid #2563eb;
    border-radius: 5px;
    padding: 6px 10px;
  }
  .kpi-label {
    font-size: 6.8pt;
    color: #475569;
    font-weight: 600;
  }
  .kpi-value {
    font-size: 13pt;
    font-weight: 800;
    color: #0f172a;
    margin: 2px 0;
  }
  .kpi-sub {
    font-size: 6.5pt;
    color: #16a34a;
  }
  /* セクション見出し */
  .section-title {
    font-size: 9pt;
    font-weight: 700;
    color: #1e3a8a;
    background: #eff6ff;
    border-left: 4px solid #2563eb;
    padding: 3px 8px;
    margin: 7px 0 5px 0;
  }
  /* データテーブル */
  table {
    width: 100%;
    border-collapse: collapse;
    font-size: 6.9pt;
    margin-bottom: 6px;
  }
  th, td {
    border: 1px solid #cbd5e1;
    padding: 3px 6px;
    text-align: left;
  }
  th {
    background: #1e293b;
    color: #ffffff;
    font-weight: 600;
  }
  tr:nth-child(even) td {
    background: #f8fafc;
  }
  .num {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }
  /* 2カラムレイアウト */
  .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .box {
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    padding: 6px 8px;
    background: #ffffff;
    break-inside: avoid;
  }
</style>
</head>
<body>
  <!-- 1ページ目コンテンツ -->
  <div class="header-banner">
    <div>
      <h1>月次WEBアクセス・SEO統合分析レポート</h1>
      <div>対象サイト：example.com / lp.example.com</div>
    </div>
    <div class="header-meta">
      <div>対象期間：2026年10月1日 〜 2026年10月31日</div>
      <div>作成：Webマーケティング支援担当</div>
    </div>
  </div>
  <!-- KPI・サマリー・テーブルを配置 -->

  <!-- 明示的改ページ -->
  <div class="page-break"></div>

  <!-- 2ページ目：詳細分析 ＆ 改善アクション提案 -->
</body>
</html>

Headless ChromeによるCLI一発PDF出力コマンド

HTMLファイルが完成したら、Macのターミナルから以下のコマンドをAIエージェントに実行させます。ブラウザ画面を立ち上げることなく、1秒で余白・背景色付きのPDFが生成されます。

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless \
  --disable-gpu \
  --no-pdf-header-footer \
  --print-to-pdf="/Users/yourname/Desktop/Monthly_Report_202610.pdf" \
  "/path/to/report.html"

5. 【コピペOK】AIエージェントへのレポーティング指示プロンプト

Claude Code、Cursor、Google AntigravityなどのAIエージェントにそのまま渡せる指示プロンプトのテンプレートです。

# 指示：月次WEBアクセス・SEO統合分析 ＆ 改善提案PDFレポートの作成

以下の条件と手順に従い、【対象年月】の「GA4実測データ × SEOツールデータ」を統合したクライアント提出用レポートを作成し、A4サイズのPDFとして出力してください。

## 1. 事前参照ナレッジ ＆ コンプライアンス制約
作業前に必ずワークスペース内の以下のファイルを確認すること：
1. `tools-credentials.md`（各サイトのGA4プロパティID・SEOツールProject ID・CV目標定義）
2. `ng-rules.md`（業界別コンプライアンス規約：医療広告ガイドラインや景表法の遵守事項）
   - 海外ボットアクセス（直帰率100%・滞在0秒の異常値）がある場合は、見かけの数値と「ボット除外後の実質直帰率・実質セッション数」を切り分けて解説すること。

## 2. 抽出・分析する必須データ項目
1. GA4 基本指標（当月・前月比・前年同月比・13ヶ月最良値との比較）：
   - PV数、セッション数、ユーザー数（新規／リピーター）、直帰率、ページ/セッション、平均エンゲージメント時間
2. GA4 詳細内訳：
   - デバイス別（スマホ／PC／タブレットのセッション・直帰率・CVR）
   - 重点商圏（市区町村別）のセッション・直帰率・CV数・CVR
   - 参照元/メディア別（自然検索、Direct、SNS、サイト間相互送客、および `chatgpt.com` / `gemini` / `perplexity` 等のAI検索経由の流入とCV数）
   - 閲覧ページ上位 ＆ ランディングページ上位（「キラーページ」と「離脱ボトルネックページ」の特定）
   - コンバージョン（目標）内訳：LINE登録、電話タップ、フォーム送信、予約遷移、予約完了
3. SEO指標（日本国内 `locId: 2392` / `lang: ja`）：
   - ドメイン概要（DA、有機キーワード数推移、推定検索トラフィック、順位帯別KW数：1-3位 / 4-10位 / 11-50位）
   - 被リンク概要（総被リンク数、参照ドメイン数、Follow/NoFollow）
   - 登録プロジェクト順位追跡（上昇/下降KW数、主要キーワードの当月順位・前月順位・検索ボリューム）

## 3. レポート構成 ＆ デザイン仕様（A4縦・2ページ完結）
HTML＋CSSを作成し、ページあふれ（中途半端な改ページ）が絶対に起きないよう余白・フォントサイズを調整すること（`@page { size: A4 portrait; margin: 7mm 10mm; }`、本文 `7.7pt`、表 `6.8〜7.0pt` 目安）：
- 【1ページ目】：ヘッダーバナー、4大KPIカード、エグゼクティブサマリー、サイト横断パフォーマンス総括表、SEO・検索順位・被リンク統合サマリー表
- 【2ページ目】（`.page-break` で明示的改ページ）：サイト別詳細データ分析（2カラム）、翌月に向けた重点改善アクション提案（GA4のボトルネック×SEO上位・準上位KWを掛け合わせた具体策3〜4項目）

## 4. PDF出力と視覚検証（必須ステップ）
1. HTMLを生成したら、Headless ChromeコマンドでPDF出力する。
2. 【絶対厳守】出力したPDFを必ずファイル読み取りツールで読み込み、全ページのレイアウトを目視確認すること。3ページ目に数行だけはみ出していたり、表が途中で切れている場合は、CSSのpadding/font-sizeを微調整して再出力し、完全に2ページに美しく収まったことを確認してから完了報告すること。

おわりに：集計作業はAIに任せ、人間は「次の一手」に集中する

アクセス解析レポートの本来の価値は、過去の数字を綺麗に並べることではなく、「数字から課題を見つけ、来月の売上や集客を増やすための具体的な行動を決めること」にあります。

MCPによってAIエージェントとGA4・SEOツールを直結し、HTML/CSS＋Headless Chromeで組版まで自動化すれば、これまで数時間かかっていた集計・資料作成が数分で完了します。

そこで生まれた時間を使って、クライアントと一緒に「このページのファーストビューをこう変えましょう」「このキーワード向けに事例記事を1本追加しましょう」と具体的な改善アクションを実行に移すことこそが、AI時代のWebマーケター・エンジニアの役割だと考えています。

毎月のレポート作成に時間を奪われている方は、ぜひMCP連携とHTML自動組版パイプラインを取り入れてみてください。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?