안녕하세요!
최근 Google AdSense를 적용했는데, PC에서는 잘 나오지만 모바일에서 광고가 표시되지 않는 문제를 겪고 계신가요? 저도 같은 고민을 했고, 여러 시행착오 끝에 해결 방법을 찾았습니다. 오늘은 티스토리 블로그에서 모바일 광고가 안 나올 때 해결하는 방법을 정리해 보겠습니다.
🔍 1. 모바일 전용 광고 코드가 올바르게 들어갔는지 확인하기
먼저, AdSense 광고 코드가 제대로 삽입되었는지 확인해야 합니다.
💡 모바일에서 광고를 표시하려면 data-full-width-responsive="true" 옵션이 포함된 코드가 필요합니다.
아래처럼 설정되어 있는지 확인하세요.
<!-- 모바일 전용 광고 -->
<s_mobile>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-여러분의-광고-코드"
data-ad-slot="광고-슬롯-번호"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</s_mobile>
✅ 중요 포인트
- data-full-width-responsive="true" 속성이 있어야 모바일 화면 크기에 맞춰 광고가 자동 조정됩니다.
- <s_mobile> 태그를 사용하면 모바일 환경에서만 광고가 보이도록 설정됩니다.
🔍 2. AdSense 광고 스크립트가 한 번만 포함되었는지 확인
Google AdSense 스크립트는 한 번만 로드해야 합니다.
💡 중복 호출되면 모바일에서 광고가 표시되지 않을 수도 있어요!
✅ 올바른 코드 예시:
| https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-여러분의-광고-코드" crossorigin="anonymous"> |
👉 이 스크립트가 HTML <head> 부분에 한 번만 포함되어 있는지 확인하세요.
🚨 잘못된 예시 (중복된 코드
| https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> ... https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> |
❌ 이렇게 중복되면 광고가 제대로 표시되지 않을 수 있습니다.
🔍 3. 광고 차단 플러그인(Adblock)이나 브라우저 설정 확인
✅ 광고가 차단되지 않았는지 확인하는 방법:
- 브라우저의 광고 차단 기능을 해제
- Chrome → 설정 → 개인정보 및 보안 → 광고 차단 기능 OFF
- 모바일에서도 브라우저 확장 프로그램 확인
- 시크릿 모드에서 블로그 열어보기
- 광고 차단 확장 프로그램 영향을 받는지 테스트
👉 광고 차단 기능이 켜져 있으면 광고가 뜨지 않습니다.
🔍 4. AdSense 계정이 정상적인지 확인
✅ 광고가 모바일에서만 안 뜬다면, 계정 설정을 점검해 보세요.
- Google AdSense에서 차단된 광고 유형이 있는지 확인
- 새로운 광고 단위를 생성해 테스트
- AdSense 정책 위반 여부 확인 (위반이 있으면 광고가 노출되지 않을 수 있음)
🔍 5. 티스토리 HTML/CSS 코드 오류 체크
✅ HTML 편집기에서 광고 코드가 주석처리되었거나 삭제되지 않았는지 확인하세요.
👉 광고 코드가 <style> 태그 안에 들어가면 작동하지 않습니다.
🚨 잘못된 예시 (CSS 안에 광고 코드 포함됨)
<style>
.adsbygoogle {
display: none; /* 이렇게 설정하면 광고가 아예 보이지 않음 */
}
</style>
👉 이런 코드가 있다면 삭제하세요!
✅ 마무리: 티스토리 모바일 광고 최적화 팁
✔ 광고 코드를 올바르게 삽입했는지 확인
✔ AdSense 스크립트가 중복 호출되지 않도록 설정
✔ 브라우저 광고 차단 기능 확인
✔ AdSense 계정 상태 점검
✔ 티스토리 HTML/CSS에서 광고가 가려지지 않았는지 확인
💡 이 글이 도움이 되셨길 바랍니다 🙌