모바일에서 티스토리 블로그의 광고가 제대로 표시되지 않는다면, 수익에 영향을 줄 수 있습니다. 방문자의 상당수가 모바일을 통해 블로그를 보기 때문에, 모바일 광고가 정상적으로 노출되지 않으면 광고 클릭율(CTR)과 노출 수익(RPM)이 낮아질 가능성이 큽니다.
🔍 내 블로그에서 컴퓨터로 보면 광고가 나오지만, 모바일에서는 KAKAOADFIT, GOOGLE ADSENSE라는 문구만 보이고 광고가 표시되지 않는다면?
👉 광고 수익에 큰 영향을 줄 수 있는 문제! 직접 해결해보자!
📌 왜 모바일에서 광고가 표시되지 않을까?
컴퓨터에서는 광고가 잘 보이지만 모바일에서 보이지 않는 이유는 여러 가지가 있을 수 있습니다.
1️⃣ 광고 코드가 모바일에 최적화되지 않음
2️⃣ 티스토리 스킨(HTML)에서 모바일 광고 코드가 누락됨
3️⃣ 애드센스 정책 위반으로 광고 제한
4️⃣ 브라우저 광고 차단 기능(AdBlock) 작동
5️⃣ 캐시 문제로 광고가 로드되지 않음
❗ 광고가 제대로 나오지 않으면 광고 수익이 줄어들 수 있음!
👉 하나씩 해결 방법을 알아보자!
🚀 1️⃣ 티스토리 광고 설정 확인 (가장 쉬운 방법!)
우선, 티스토리 관리자 페이지에서 광고 설정을 확인해봅시다.
✅ [설정 방법]
- 티스토리 관리자 페이지 → 수익 → Google 애드센스 설정
- 자동 광고가 활성화되어 있는지 확인
- 설정이 꺼져 있다면 활성화 후 저장
이렇게 하면 기본적인 광고가 자동으로 적용됩니다.
하지만, 그래도 모바일에서 광고가 나오지 않는다면 HTML 코드에서 광고 삽입을 확인해야 합니다.
🔎 2️⃣ HTML에서 광고 코드 직접 확인하기
① HTML 편집하는 방법
- 티스토리 관리자 페이지 → 스킨 편집 → HTML 편집 클릭
- <body> 태그 안에서 광고 코드가 있는지 확인
- <s_mobile> 태그를 찾아 모바일 광고 코드가 들어가 있는지 확인
🔥 3️⃣ 모바일 광고 코드가 빠졌다면? 직접 삽입하는 방법!
모바일 광고가 보이려면 HTML에 반응형 광고 코드를 직접 삽입해야 합니다.
✅ [광고 코드 삽입 위치]
아래 코드를 태그 안의 적절한 위치에 추가하세요.
특히 <article id="content"> 안에 넣으면 본문 중간에 광고가 나타납니다.
| <!-- 모바일 광고 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" <!-- 여기에 본인 애드센스 ID 입력 --> data-ad-slot="xxxxxxxxxx" <!-- 애드센스 광고 단위 ID 입력 --> data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> |
✅ [광고 코드 삽입 방법]
- 티스토리 스킨 편집 → HTML 편집 클릭
- Ctrl + F 를 눌러서 <article id="content"> 검색
- 해당 태그 아래 적절한 위치(본문 상단이나 중간)에 위 광고 코드를 삽입
📌 4️⃣ <s_mobile> 태그 안에 광고 코드 포함 여부 확인하기
s_mobile 태그는 티스토리가 모바일 페이지를 구분하는 코드입니다.
모바일에서 광고가 나오지 않는다면, <s_mobile> 태그 안에 광고 코드가 있는지 확인해야 합니다.
✅ [확인 방법]
- 티스토리 스킨 편집 → HTML 편집
- Ctrl + F 눌러 <s_mobile> 검색
- <s_mobile> 태그 안에 위의 광고 코드를 추가
저장 후 블로그 새로고침(F5)
| <s_mobile> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </s_mobile> |
👉 <s_mobile> 태그 안에 광고 코드가 없으면, 모바일에서 광고가 뜨지 않음!
✅ 마무리 – 내 블로그에서 광고가 나오지 않는다면?
📢 광고가 표시되지 않을 때 점검할 것!
✔ 애드센스 자동 광고 설정 확인
✔ 티스토리 HTML 편집에서 태그 안에 광고 코드 삽입
✔ <s_mobile> 태그 안에 광고 코드 추가
✔ 광고 차단 프로그램(AdBlock) 비활성화
✔ 브라우저 캐시 삭제 후 새로고침
📌 결론 – 직접 따라 하면 해결 가능!
📢 내 블로그에서 광고가 모바일에 나오지 않아서 걱정이라면?
👉 위 방법을 따라 하면 해결 가능!
👉 코드를 잘 몰라도 따라 하기 쉽게 정리했으니, 직접 적용해보자!