티스토리는 한국에서 애드센스 수익화에 가장 많이 사용되는 블로그 플랫폼 중 하나입니다. 무료로 사용할 수 있으면서도 HTML/CSS 수정이 가능하고, 애드센스 광고 코드를 자유롭게 삽입할 수 있기 때문입니다. 이 글에서는 티스토리에 애드센스를 연동하는 전체 과정을 단계별로 안내하겠습니다. 애드센스 계정에 티스토리를 사이트로 추가하는 방법부터, 스킨 설정, 그리고 본문 중간에 광고를 삽입하는 방법까지 모두 다룹니다.
목차
1. 연동 전 준비사항
티스토리에 애드센스를 연동하기 전에 아래 조건을 먼저 확인하세요.
💡 개인 도메인 vs 티스토리 기본 도메인
티스토리 기본 주소(xxx.tistory.com)로도 애드센스 신청이 가능합니다. 하지만 개인 도메인을 연결하면 사이트의 신뢰도가 높아져 승인 확률이 올라가고, 향후 플랫폼 이전 시에도 도메인을 유지할 수 있어 장기적으로 유리합니다.
2. 애드센스에 티스토리 사이트 추가
기존 애드센스 계정이 있다면, 티스토리를 새 사이트로 추가하는 절차를 진행합니다. 처음 애드센스에 신청하는 경우에도 동일한 흐름입니다.
애드센스 로그인
adsense.google.com에 접속하여 구글 계정으로 로그인합니다.
사이트 메뉴 이동
왼쪽 메뉴에서 "사이트"를 클릭한 후 "사이트 추가" 버튼을 누릅니다.
티스토리 URL 입력
티스토리 주소를 입력합니다. 개인 도메인을 연결한 경우 해당 도메인을, 기본 도메인인 경우 xxx.tistory.com을 입력합니다.
애드센스 코드 복사
구글에서 제공하는 사이트 확인용 코드(meta 태그 또는 ads.txt)를 복사합니다.
3. 소유권 확인 (ads.txt 설정)
사이트 추가 후 소유권을 확인해야 합니다. 티스토리에서는 두 가지 방법으로 인증할 수 있습니다.
| 인증 방법 | 난이도 | 설정 위치 | 추천 |
|---|---|---|---|
| 애드센스 코드 삽입 | 쉬움 | 티스토리 관리 > 스킨 편집 > HTML <head> 사이 | 초보자 추천 |
| ads.txt 파일 설정 | 보통 | 티스토리 관리 > 블로그 > 수익 > ads.txt | 정식 방법 |
방법 1: 애드센스 코드를 HTML에 삽입
티스토리 관리 페이지 접속
티스토리 관리자 > 꾸미기 > 스킨 편집으로 이동합니다.
HTML 편집 클릭
우측 상단의 "HTML 편집" 버튼을 클릭합니다.
<head> 태그 사이에 코드 삽입
HTML 탭에서 <head>와 </head> 사이에 애드센스에서 복사한 코드를 붙여넣습니다.
저장 후 애드센스에서 확인
"적용" 버튼을 누른 후, 애드센스 대시보드로 돌아가 "확인 요청"을 클릭합니다.
방법 2: ads.txt 설정
💡 티스토리 ads.txt 설정
티스토리 관리자 > 수익 메뉴에서 ads.txt를 직접 설정할 수 있습니다. 애드센스에서 제공하는 ads.txt 내용(예: google.com, pub-XXXXXXXXXXXXXXXX, DIRECT, f08c47fec0942fa0)을 복사하여 붙여넣고 저장하면 됩니다.
4. 티스토리 스킨 설정
애드센스 광고가 잘 표시되려면 티스토리 스킨(테마)도 적절히 설정해야 합니다.
| 설정 항목 | 권장 설정 | 이유 |
|---|---|---|
| 스킨 종류 | 반응형 스킨 (Book Club, Odyssey 등) | 모바일/PC 모두 광고 최적화 |
| 사이드바 | 사용 (PC 전용) | 사이드바 광고 배치 가능 |
| 본문 너비 | 700px 이상 | 반응형 광고 적절히 표시 |
| 댓글 영역 | 활성화 | 사용자 참여 신호, 광고 배치 가능 |
💡 스킨 선택 팁
- 반응형 스킨을 사용하면 모바일과 PC에서 모두 광고가 최적으로 표시됩니다
- 너무 복잡한 커스텀 스킨은 광고와 충돌할 수 있으므로 심플한 스킨이 좋습니다
- 스킨 변경 시 기존에 삽입한 광고 코드가 사라질 수 있으니 백업 후 진행하세요
- 카카오에서 공식 제공하는 스킨이 안정성이 높습니다
5. 본문 중간광고 삽입 방법
수익을 극대화하려면 본문 상단과 중간에 광고를 배치하는 것이 중요합니다. 티스토리에서 중간광고를 삽입하는 방법은 크게 두 가지입니다.
방법 1: 수동으로 글마다 광고 코드 삽입
애드센스에서 광고 단위 생성
애드센스 > 광고 > 광고 단위별에서 "디스플레이 광고" 또는 "인아티클 광고"를 생성합니다.
광고 코드 복사
생성된 광고 코드를 복사합니다.
글 작성 시 HTML 모드로 삽입
티스토리 글 에디터에서 HTML 모드로 전환한 후, 원하는 위치에 광고 코드를 붙여넣습니다.
방법 2: 스킨 HTML 수정으로 자동 삽입
스킨 편집 > HTML 편집
티스토리 관리자 > 꾸미기 > 스킨 편집 > HTML 편집으로 이동합니다.
본문 영역 찾기
HTML에서 [##_article_rep_desc_##] 태그를 찾습니다. 이 태그가 본문 내용이 출력되는 위치입니다.
태그 앞/뒤에 광고 코드 삽입
이 태그 위(상단 광고) 또는 아래(하단 광고)에 광고 코드를 넣으면 모든 글에 자동으로 광고가 표시됩니다.
💡 중간광고 자동 삽입 스크립트
JavaScript를 사용하면 본문의 특정 위치(예: 두 번째 <p> 태그 뒤)에 광고를 자동으로 삽입할 수 있습니다. 이 방법을 사용하면 글마다 수동으로 코드를 넣지 않아도 됩니다. 다만 스크립트가 정상 작동하는지 반드시 테스트하세요.
6. 자동 광고 설정
광고를 일일이 배치하기 어렵다면, 애드센스의 자동 광고 기능을 활용할 수 있습니다. 구글 AI가 자동으로 최적의 위치에 광고를 배치합니다.
애드센스에서 자동 광고 활성화
애드센스 > 광고 > 사이트별 설정에서 티스토리 사이트의 "자동 광고"를 켜기로 설정합니다.
자동 광고 코드 확인
소유권 확인 단계에서 이미 <head>에 삽입한 애드센스 코드가 자동 광고 코드 역할도 합니다.
광고 유형 선택
인페이지 광고, 앵커 광고, 전면 광고 등 원하는 유형을 선택합니다. 불필요한 유형은 꺼두세요.
💡 자동 광고 vs 수동 광고 병행 전략
가장 효과적인 방법은 핵심 위치에는 수동 광고를 배치하고, 추가 수익을 위해 자동 광고를 병행하는 것입니다. 자동 광고에서 원치 않는 위치에 광고가 나타나면, 애드센스 설정에서 해당 영역을 제외 처리할 수 있습니다.
7. 자주 발생하는 문제와 해결법
티스토리와 애드센스 연동 시 자주 겪는 문제와 해결 방법을 정리했습니다.
| 문제 | 원인 | 해결법 |
|---|---|---|
| 광고가 표시되지 않음 | 코드 삽입 오류 또는 심사 중 | 코드 위치 재확인, 24~48시간 대기 |
| 사이트 심사 거부 | 콘텐츠 부족 또는 정책 위반 | 콘텐츠 보강 후 재신청 |
| ads.txt 경고 | ads.txt 미설정 또는 오류 | 티스토리 수익 메뉴에서 올바른 ads.txt 설정 |
| 모바일에서 광고 깨짐 | 고정 크기 광고 사용 | 반응형 광고 단위로 교체 |
| 스킨 변경 후 광고 사라짐 | HTML에 삽입한 코드가 초기화됨 | 스킨 변경 후 광고 코드 재삽입 |
정리
티스토리에 애드센스를 연동하는 과정은 사이트 추가 > 소유권 확인 > 광고 코드 삽입의 순서로 진행됩니다. 반응형 스킨을 사용하고, 본문 상단/중간/하단에 광고를 적절히 배치하면 수익을 극대화할 수 있습니다. 자동 광고와 수동 광고를 병행하는 것이 가장 효과적이며, 스킨 변경 시 광고 코드가 사라질 수 있으니 반드시 백업해두세요. 문제가 발생하면 코드 위치와 ads.txt 설정을 먼저 확인하는 것이 해결의 첫걸음입니다.