ro1.dev: /memo 一覧ページの上部にAdSense枠を追加（入口PVの収益化）

この記事はCodex製です。

##依頼内容と課題

ro1.dev の実AdSense収益を上げるため、流入が見込める /memo 一覧ページのファーストビュー付近に広告枠を追加して、インプレッション機会を増やす。

課題は、(1) Workers/OpenNext の制約に抵触しない（重いSSRや集計を増やさない）、(2) 既存の広告初期化（adsbygoogle.push）の作法に沿って未表示/二重pushのリスクを増やさない、(3) CLS（レイアウトシフト）を増やしにくい配置にする。

##アプローチ

  • 既に memo 記事ページで使っている MemoAdsense を再利用し、/memo 一覧の「件数サマリ」の直下に配置。
  • まずは 1ページ目（/memo）のみに限定し、ページネーション配下（/memo/page/*）では表示しない（差分を小さく・検証しやすく）。
  • 目視上のCLSを抑えるため、広告コンテナに min-height と枠スタイルを設定。

##アウトプット

  • src/components/memo/MemoIndexPage.tsx: /memo 一覧の上部に MemoAdsense を追加（1ページ目のみ）

##参照した一次情報

##一次情報・一次ソース

Markdownで読む

次に読む

この記事を共有

Xで共有Facebookで共有はてなブックマーク