티스토리 블로그를 운영하면서 구글 애드센스 광고를 적용하려고 했으나, 광고가 제대로 나타나지 않고 구글 애드센스 로고만 보이는 문제가 발생할 수 있습니다. 이 문제는 특히 첫 번째 애드센스 승인 후 티스토리와 애드센스를 연동했을 때 자주 발생합니다. 승인 심사 시 설정한 코드가 여전히 남아 있어 충돌이 발생하기 때문입니다.
노랗 목차
애드센스 자동광고 안나오는 문제 원인
티스토리 블로그에 애드센스 자동광고를 연동할 때, 티스토리 플랫폼 자체가 구글 애드센스의 스크립트 태그를 자동으로 <head></head> 태그 사이에 삽입합니다.
이 스크립트에는 data-ad-host 속성이 포함되어 있어, 이를 통해 티스토리에서 광고를 자동으로 삽입할 수 있도록 합니다.
하지만 애드센스 승인 심사 과정에서 사용자가 추가했던 스크립트 코드가 남아있다면, 이와 티스토리에서 자동으로 삽입한 코드가 충돌하게 됩니다. 그 결과 광고가 정상적으로 표시되지 않고, 애드센스 로고만 나타나는 문제가 발생합니다.
해결 방법
1. 기존 코드 제거
애드센스 승인 심사 과정에서 <head></head> 태그 사이에 추가했던 스크립트 코드를 제거해야 합니다.
하지만 이 작업은 매우 중요하며, 기존 코드를 삭제함으로써 티스토리에서 자동으로 삽입하는 스크립트와의 충돌을 방지할 수 있습니다.
- 단계 1: 티스토리 관리자 페이지로 이동합니다.
- 단계 2:
HTML/CSS 편집메뉴에서<head></head>태그 사이에 있는 애드센스 코드(승인 심사 시 추가했던 코드)를 찾습니다. - 단계 3: 해당 코드를 삭제합니다.
2. 애드센스 자동 광고 설정 변경
기존에 애드센스에서 설정한 자동 광고 설정을 해제하고, 코드를 제거한 후 다시 연동을 진행합니다.
- 단계 1: 구글 애드센스 페이지에 로그인합니다.
- 단계 2: 자동 광고 설정을 해제합니다.
- 단계 3: 티스토리에서 구글 애드센스 계정 연동을 해제한 후, 다시 연동합니다.
3. HTML 모드에서 광고 위치 수정 시 주의 사항
본문 내에 직접 광고 코드를 삽입할 때, HTML 모드에서 편집을 진행해야 합니다.
일반 모드에서 광고 위치를 수정하려다 보면, 스크립트가 깨지거나 사라질 수 있습니다.
- 단계 1: HTML 모드에서 광고 코드를 원하는 위치에 삽입합니다.
- 단계 2: HTML 모드에서 광고 코드 위아래에
<div>와</div>태그를 추가해 코드 보호를 시도합니다. - 단계 3: 일반 모드로 돌아가지 말고, HTML 모드에서 마무리 작업을 진행합니다.
4. HTML 서식 활용
같은 작업을 반복하는 것이 번거로울 경우, HTML 서식을 저장하여 사용할 수 있습니다.
이를 통해 매번 광고 코드를 수정할 때마다 동일한 작업을 반복하는 시간을 줄일 수 있습니다.
- 단계 1: HTML 모드에서 광고 코드를 포함한 서식을 작성합니다.
- 단계 2: 서식을 저장한 후, 필요할 때마다 불러와서 사용합니다.
애드센스 자동광고 설정을 변경한 후, 바로 적용되지 않을 수 있으므로 1시간 정도 기다려보는 것이 좋습니다.
또한 블로그 내에 중복된 광고 코드가 없는지 확인하는 것도 중요하며 중복된 광고 코드는 문제가 될 수 있습니다.
참고 : 티스토리 애드센스 신청 – 광고승인 및 은행 Pin등록 5단계
티스토리 블로그에서 애드센스 자동광고가 나타나지 않는 문제는 대부분 코드 충돌에서 비롯됩니다. 위의 해결 방법을 따라 진행하면, 광고가 정상적으로 표시되도록 설정할 수 있습니다. 광고가 계속해서 나타나지 않는다면, 구글 애드센스 지원팀에 문의하여 추가적인 도움을 받는 것도 하나의 방법입니다.
핵심 요약: 애드센스 승인을 받은 후, 티스토리 블로그에서 애드센스를 연동 시 <head></head> 태그 사이에 있는 기존 코드를 삭제하고, HTML 모드에서 광고 위치를 정확히 지정하는 것이 중요합니다.
참고: 만약 이 방법으로도 문제가 해결되지 않는다면, 다른 플러그인이나 브라우저 캐시 문제일 수 있으니, 이를 점검해보시기 바랍니다.