티스토리에서 중간에 뜨는 전면 팝업형 광고(구글 애드센스 Vignette Ads)를 설정하려면

티스토리에서 보여주신 것처럼 중간에 뜨는 전면 팝업형 광고(구글 애드센스 Vignette Ads)를 설정하려면 아래 단계를 따라 하시면 됩니다.
이 방식은 사용자가 페이지를 클릭하거나 스크롤할 때 전환 화면처럼 표시되는 페이지 전환 광고(Page-Level Ad) 기능입니다.

1. 준비사항

구글 애드센스(AdSense) 계정 (승인 완료된 상태)
티스토리 블로그 관리자 권한
블로그 스킨 HTML 편집 가능

2. 애드센스 전면광고(Vignette Ads) 설정하기

구글 애드센스 로그인
왼쪽 메뉴 → 광고 → 개요 → 자동 광고
사이트 목록에서 티스토리 블로그 URL 선택
오른쪽 상단의 편집(연필 아이콘) 클릭
광고 형식에서
- ✅ 전면광고(Vignette ads) 또는 페이지 전환 광고 ON
- ✅ 앵커 광고는 필요 시 함께 켜기 가능
저장

✔️ 이렇게 하면 애드센스가 자동으로 페이지 전환 시 광고를 띄워줍니다.
별도의 HTML 코드를 넣지 않아도 됩니다(자동 광고 스니펫만 있으면 됨).

3. 티스토리에 자동 광고 스크립트 넣기

애드센스 계정의 광고 → 설정 → 사이트 → 코드 가져오기에서 스크립트를 복사하여 티스토리 HTML <head> 영역에 붙여 넣습니다.

티스토리 관리 → 스킨 편집 → HTML 편집
<head> 태그 안, </head> 닫히기 전에 아래 코드 삽입

ca-pub-XXXXXX 부분은 본인 애드센스 발급 ID로 자동 기재됩니다.

저장 후 배포

4. 확인 방법

설정 후 30분~24시간 내에 반영됩니다.
방문자가 글을 클릭하거나 새 페이지로 이동할 때, 질문 주신 스크린샷처럼 광고가 전체 화면에 나타납니다.
크롬 개발자 도구(F12) → 네트워크 탭에서 google_vignette가 로드되는지 확인 가능.

5. 주의사항

팝업 광고 코드를 임의로 제작해서 넣으면 정책 위반이 될 수 있습니다. → 반드시 애드센스 자동 광고의 Vignette Ads를 사용하세요.
구글 정책상 사용자가 닫기 버튼을 찾기 어렵게 하거나 콘텐츠를 가리는 고정 팝업을 직접 삽입하면 계정 정지 위험이 있습니다.
수익률은 방문자의 디바이스·국가·페이지뷰에 따라 달라집니다.

✅ 요약

애드센스 → 자동 광고 켜기 → Vignette Ads ON
티스토리 **HTML <head>**에 애드센스 코드 삽입
기다리면 질문 주신 것 같은 전면 전환 광고가 자동 표시됩니다.

이 과정을 마치면 따로 광고 이미지를 올리거나 팝업 코드를 작성하지 않아도 됩니다

꽃초롱 하나