📌 HTML 편집에서 <head>, <body> 태그는 뭘까?
티스토리 블로그에서 구글 애드센스 광고를 삽입하려면 HTML 편집이 필요하다는 이야기를 들어본 적이 있을 거야. 그런데,
"<head>와 <body> 사이에 광고 코드를 넣으세요!"_ _" 태그 안에 광고 단위 코드를 삽입하세요!"
이런 설명을 보면 마치 프로그래머만 할 수 있는 작업처럼 느껴지지?
하지만 생각보다 어렵지 않아! 오늘 HTML 태그가 뭘 의미하는지, 그리고 광고를 어디에 넣어야 하는지 쉽게 알려줄게.
🔍 <head>와 <body> 태그, 그게 도대체 뭐야?
HTML은 블로그나 웹사이트를 구성하는 기본적인 코드 언어야. HTML 문서는 기본적으로 두 개의 중요한 부분으로 나뉘어.
1️⃣ <head> ... </head> 태그 – 블로그의 "숨겨진 설정" 공간
✔ 블로그의 설정 정보를 담고 있어.
✔ 방문자가 직접 보지는 못하지만, 브라우저(크롬, 엣지 등)는 이 정보를 읽어서 웹페이지를 올바르게 표시해.
✔ 구글 애드센스, 네이버 웹마스터도구, 구글 애널리틱스(방문자 분석) 같은 코드가 여기에 들어감!
📌 여기에 들어가는 코드 예시
<head>
<meta charset="UTF-8">
<title>내 블로그 제목</title>
<script src="adsense.js"></script> <!-- 광고 코드 -->
</head>
✅ 애드센스 광고 코드 중에서도 "전체 사이트 적용 코드"는 <head> 안에 넣어야 해.
✅ 하지만 "광고 단위 코드"는 <body> 안에 넣어야 광고가 보이게 돼!
2️⃣ <body> ... </body> 태그 – 블로그에서 실제 보이는 부분
✔ 방문자가 **직접 볼 수 있는 블로그 내용(글, 이미지, 광고 등)**이 들어가는 곳이야.
✔ 광고 단위 코드는 <body> 안에 넣어야 실제 화면에 보일 수 있어.
📌 <body>에 들어가는 코드 예시
내 블로그 글 제목
안녕하세요! 오늘은 티스토리 애드센스 광고 삽입 방법에 대해 알아볼게요.
(adsbygoogle = window.adsbygoogle || []).push({});
광고가 위에 보이나요? 이렇게 하면 본문 중간에 광고가 들어갑니다!
✅ 광고가 실제로 표시되는 부분은 <body> 안에 있어야 해!
✅ 특히, <body> 안에서도 적절한 위치(본문 중간, 사이드바, 하단 등)에 광고 코드를 넣어야 해.
🔹 HTML에서 광고를 어디에 넣어야 할까?
이제 광고 코드를 어디에 삽입해야 하는지 블로그 구조와 함께 이해해보자.
1️⃣ 디스플레이 광고 – 블로그 전체 페이지 적용
📌 삽입 위치: <body> 태그 시작 부분 또는 사이드바
📌 예시 코드 삽입 방법:
- 티스토리 "스킨 편집" → "HTML 편집"으로 이동
- <body> 태그 바로 아래에 광고 코드 삽입
- 블로그에 광고가 나타나는지 확인
(adsbygoogle = window.adsbygoogle || []).push({});
내 블로그 제목
이제 블로그에 애드센스 광고를 넣는 방법을 알게 되었어요!
✅ 이렇게 하면 블로그의 "사이드바"나 "상단"에 광고가 표시될 수 있어.
2️⃣ 인아티클 광고 – 본문 중간에 삽입
📌 삽입 위치: 블로그 글 내용 중간
📌 예시 코드 삽입 방법:
- 티스토리 글 작성할 때 HTML 모드로 변경
- 본문 중간에 광고 코드 삽입
이제 본문 중간에 광고가 들어갑니다.
(adsbygoogle = window.adsbygoogle || []).push({});
광고 아래로 본문이 이어집니다.
✅ 이 방법은 긴 글을 작성하는 블로그에서 광고 수익을 올리기 좋아!
3️⃣ 인피드 광고 – 목록형 광고 삽입
📌 삽입 위치: 블로그 글 목록(홈, 카테고리 페이지 등)
📌 예시 코드 삽입 방법:
- 티스토리 스킨 편집 → HTML 편집
- 글 목록 코드 사이에 광고 코드 삽입
- 블로그 글 1
- 블로그 글 2
✅ 이렇게 하면 목록형 광고가 자연스럽게 글 목록 사이에 표시됨!
🚀 결론 – 티스토리 애드센스 광고 삽입, 이렇게 하자!
✔ <head> 태그 안에는 전체 적용 코드(Google Ads 스크립트) 삽입!
✔ <body> 태그 안에는 광고 단위 코드 삽입 – 실제 광고가 보이게 됨!
✔ 광고 위치는 블로그 스타일과 맞게 적절히 배치해야 효과적!
✔ 광고 코드 삽입 후, 반영되기까지 시간이 걸릴 수 있으므로 기다려보기!
💡 📢 "애드센스 광고 삽입이 어렵다면?"
👉 스킨 편집 없이 "자동 광고(Auto Ads)" 기능을 활성화하면 Google이 자동으로 광고를 배치해 줌!
👉 티스토리 스킨마다 코드 위치가 다를 수 있으니, 스킨 구조를 먼저 확인하는 것도 중요!