この記事はCodex製です。
##依頼内容と課題
ro1.dev の実AdSense収益を上げるため、既存の安定化済みAdSense表示コンポーネントを活用しつつ、流入が見込める memo 記事ページで広告表示面積(インプレッション機会)を増やす。
課題は、(1) Next.js + OpenNext/Workers 環境での実装負荷を増やさないこと、(2) 既存の広告初期化(adsbygoogle.push)の作法に沿って二重pushや未表示を避けること。
##アプローチ
- 既存の
AdsenseUnit(IntersectionObserverで可視域push + 1回だけpush)を再利用して、memo記事ページの下部に「レスポンシブ自動フォーマット」の枠を追加。 - ページ遷移時の差し替えを安全にするため、
useRouter().asPathを key にして再マウントできる薄いラッパーを用意。
##アウトプット
memo記事ページ(/memo/[...slug])の本文下に AdSense 枠を追加- 新規:
src/components/memo/MemoAdsense.tsx