📌 애드센스 광고 삽입용 HTML 코드 완전 정리

애드센스는 기본적으로 자동광고가 제공되지만,
수익을 높이려면 **수동 광고 삽입(HTML 코드 삽입)**이 가장 중요합니다.

특히

• 본문 상단
• 본문 중간
• 본문 하단
• 사이드바
• 모바일 전용 광고
  이 위치에 직접 HTML로 광고 코드를 넣으면 RPM이 1.5~2배까지 올라가는 경우가 많습니다.

아래는 애드센스 광고 삽입 시 가장 많이 사용하는 HTML 코드 모음입니다.

---

1️⃣ 기본 디스플레이 광고 코드 (가장 많이 사용)

 

<!-- Google AdSense: Display Ad --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

✔ 가장 일반적인 자동 반응형 광고
✔ PC·모바일 모두 자동 최적화
✔ 글 사이·하단 등에 가장 많이 배치됨

---

2️⃣ 본문 상단(첫 문단 위) 광고용 코드

 

<div style="margin: 20px 0;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX" data-ad-format="rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>

✔ 첫 문단 위는 클릭률이 높음
✔ 모바일에서는 반응형으로 자동 축소

---

3️⃣ 본문 중간 자동 광고(단락 사이 자동 삽입)

 

<!-- In-article AdSense --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX" data-ad-format="fluid" data-ad-layout="in-article"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

✔ 글 흐름을 방해하지 않음
✔ 클릭률이 매우 높음
✔ 티스토리·워드프레스 본문 2~3단락마다 배치 가능

---

4️⃣ 사이드바 광고(직사각형 위젯용)

 

<!-- Sidebar Ad --> <ins class="adsbygoogle" style="display:block; width:300px; height:250px;" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

✔ 워드프레스 위젯 + 티스토리 사이드바에 적합
✔ 고정형 직사각형 광고

---

5️⃣ 하단 배너 광고(본문 아래)

 

<!-- Bottom Banner Ad --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX" data-ad-format="horizontal" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

✔ 스크롤 끝까지 읽는 사용자에게 노출
✔ CPM 높은 캠페인 잡힘

---

6️⃣ 모바일 전용 광고(PC 숨김)

 

<div class="mobile-ad" style="display:none;"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <style> @media (max-width: 768px) { .mobile-ad { display:block; } } </style>

✔ 모바일에서만 노출됨
✔ PC에서는 숨김

→ 모바일 트래픽이 70~90%인 블로그에서는 수익 상승 효과 큼

---

7️⃣ 광고를 왼쪽/오른쪽 정렬해서 넣고 싶을 때

 

<div style="float:right; margin: 10px;"> <ins class="adsbygoogle" style="display:block; width:250px; height:250px;" data-ad-client="ca-pub-XXXXXXX" data-ad-slot="XXXXXXX"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div>

✔ 글 오른쪽에 광고 박스를 붙여 읽는 동안 계속 보이게 하는 방식
✔ PC 전용, RPM↑

---

8️⃣ 자동 광고(사이트 전체 적용)

 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX" crossorigin="anonymous"></script>

✔ 워드프레스 헤더(HEADER.PHP)나 티스토리 스킨 HTML에 삽입
✔ 구글이 자동으로 광고 위치 선정해줌

---

📌 애드센스 HTML 삽입 시 주의할 점

✔ 1. data-ad-client, data-ad-slot 반드시 변경

“ca-pub-XXXXXX”에 본인 코드 입력해야 동작합니다.

✔ 2. 광고 코드 변형 금지

코드 삭제·수정하면 정책 위반 가능성.

✔ 3. 한 화면에 광고 3개 이하 추천

과도한 배치는 RPM·노출 감소로 이어짐.

✔ 4. 본문 중간 광고는 ‘자연스럽게’

광고가 글을 방해하면 품질 저하로 랭킹 하락.

✔ 5. 스킨/테마마다 CSS 충돌 주의

광고가 깨지면 width, display:block 추가.

---

📌 결론: 애드센스는 “HTML 수동 삽입”이 수익을 올리는 핵심

자동 광고만으로는 절대 높은 수익 나오지 않습니다.
수익을 올리는 핵심은 본문 상단–중간–하단 3포인트 배치 + 모바일 최적화입니다.