2026-09-18 ServiceOn HomePage 작업일지입니다. 오늘은 1건의 작업을 진행했습니다.

ads.txt + 좌우 세로 레일

현상/기능

  • Google AdSense 스니펫(ca-pub-9372003557544440)이 적용되는 상황
  • ads.txt 가 자동 생성되는지 여부가 확인 필요한 상황
  • 페이지 양사이드에 세로 광고가 부착되는 기능

작업

  • public/ads.txt 를 신규 생성하고 google.com, pub-9372003557544440, DIRECT, f08c47fec0942fa0 내용을 넣음
  • AdSense 스니펫은 ads.txt 를 생성하지 않으므로 Vite 빌드시 dist/ads.txt 로 복사되어 https://serviceon.kr/ads.txt 로 노출되도록 함
  • index.html head 에 adsbygoogle.js 스크립트(client=ca-pub-9372003557544440)를 추가함
  • constants/ 를 신규 생성하여 게시자 ID와 좌/우 슬롯 ID 자리를 마련함(AdSense 광고 단위 생성 후 채울 예정)
  • components/ads/ 를 신규 생성하여 세로 유닛 1개와 push 1회 동작을 구현함
  • components/ads/ 를 신규 생성하여 xl 이상 화면에서 sticky 160px 세로 레일 1개(side)를 표시하고 모바일에서는 숨김 처리함
  • 를 수정하여 xl 이상 화면에서 좌 광고, 카드, 우 광고의 3열 구조로 조립함
  • components/stack/ 를 수정하여 xl 화면에서 가로 패딩을 0으로 설정해 광고가 카드에 붙도록 함
  • ads.txt 는 AdSense 스니펫이 자동 생성하지 않으므로 루트에 직접 배치해야 Google 이 크롤함을 확인함
  • 실제 광고 노출을 위해서는 AdSense 콘솔에서 생성한 data-ad-slot 이 필요하며 현재는 Auto ads 스크립트와 레일 자리만 동작함을 확인함
  • 로컬호스트 환경에서는 광고가 비어 있을 수 있음을 확인함