애드센스,티스토리

[티스토리 애드센스 수익화 준비 시리즈2편] 티스토리에 애드센스 광고 붙이기 – HTML 코드 삽입 따라하기

굼궁이 2025. 4. 22.
반응형

1편에서 광고 단위 설정을 마쳤다면,

이제 실제로 광고 코드를 티스토리 블로그에 붙이는 작업을 해야 합니다!

이 부분이 특히 코딩이 익숙하지 않은 분들에게 어려울 수 있어서,
오늘은 완전 초보자용 따라하기 가이드로 정리해봤어요.


1. 애드센스 광고 코드 복사

  1. 애드센스 접속 > [광고] > [광고 단위 만들기]
  2. 원하는 광고 단위를 선택 (예: 디스플레이 광고)
  3. 이름 설정 > 크기 선택 (반응형 추천)
  4. ‘코드 복사’ 버튼 클릭

이제 이 코드를 내 블로그에 삽입하면 광고가 노출되기 시작해요!


반응형

2. 광고를 어디에 붙일 수 있을까?

  • 글 상단: 가장 노출률이 높음, 클릭률도 좋음
  • 글 중간: 자연스럽게 스크롤하다 보이도록
  • 글 하단: 덜 방해되지만 수익은 약간 낮음
  • 사이드바: PC에선 잘 보이지만 모바일에선 거의 안 보임

처음에는 글 상단 + 글 하단 조합으로 시작해보는 걸 추천해요!


3. 티스토리에 광고 코드 삽입하는 법 (스킨 HTML 수정)

⚠️ 이 작업 전에는 꼭 스킨 백업해두세요!

  1. 티스토리 관리자 > 꾸미기 > 스킨 편집 > HTML 편집 클릭
  2. <head> 태그 안에 → 애드센스 자동 광고 코드 삽입
    (한 번만 넣으면 모든 페이지에 적용됨)
  3. <article> 혹은 <div class="entry-content"> 안에
    광고 단위 코드를 원하는 위치에 삽입
  4. 저장 > 블로그에서 광고 노출 확인

4. 광고 삽입 추천 위치 (초보자용)

위치 코드 넣는 지점 특징
글 상단 <div class="entry-content"> 바로 아래 수익률 가장 좋음
글 하단 </div> 닫는 태그 직전 UX 방해 적음
사이드바 sidebar 관련 태그 내 모바일 비노출 가능성 높음

스킨마다 구조가 조금씩 다르기 때문에
코드 삽입 전에 반드시 백업!
광고가 잘 안 보이면 위치 옮겨가며 테스트해보는 게 좋아요.


5. 삽입했는데 광고가 안 뜰 때?

  • 애드센스 승인이 안 된 상태일 수 있음
  • 코드 삽입 후 반영까지 30분~수시간 걸릴 수 있음
  • 애드블록이나 브라우저 캐시 문제일 수 있음
  • 광고 단위 상태가 '비활성'인지 체크

다음 편 예고

[3편. 반응형 광고 삽입하는 법 – 모바일에서도 예쁘게 보이게 만들기]
요즘은 모바일 유입이 더 많으니, 반응형 광고로 디자인을 망치지 않는 팁 알려드릴게요!

 

 

 

 

 

 

반응형

댓글

💲 추천 글