티스토리 카테고리 화면의 상단과 하단에 애드센스를 배치할 때 스킨 구조, 반응형 크기, 정책 위험을 확인하는 방법을 설명합니다. 오래된 예제의 의미는 살리되 현재 기준에서 잘못 적용하기 쉬운 부분을 함께 고쳤어요. 아래 순서대로 확인하면 단순한 화면 복사보다 실제 판단에 도움이 됩니다.
2015년 치환자 위치를 그대로 복사하면 안 된다
티스토리 스킨은 종류와 업데이트 시점에 따라 HTML 구조가 달라요. 과거 글에 나온 치환자나 특정 div 위치를 최신 스킨에 그대로 붙이면 광고가 중복되거나 모바일 화면이 깨질 수 있습니다. 작업 전 현재 스킨을 백업하고, 카테고리 목록을 감싸는 영역을 개발자 도구에서 먼저 확인하세요.
티스토리 관리 화면이 공식 광고 연동이나 플러그인을 제공한다면 직접 코드 삽입보다 그 방법을 우선하는 편이 유지보수에 유리합니다. 직접 수정은 현재 기능으로 원하는 위치를 구현할 수 없을 때만 선택하세요.
광고 코드는 HTML 보기에서 원형을 유지한다
Google은 광고 코드를 디자인 편집 화면이 아니라 HTML 소스에 넣고, 코드가 편집기에 의해 변형되지 않았는지 확인하라고 안내합니다. 광고 단위의 스크립트와 속성을 임의로 줄이거나 바꾸지 마세요. 반응형 광고라면 부모 영역의 폭이 너무 좁거나 display:none 상태가 아닌지도 확인해야 합니다.
카테고리 상단과 하단에 모두 넣을 경우 같은 광고가 콘텐츠보다 더 눈에 띄지 않는지 모바일에서 살펴보세요. 광고 클릭을 유도하는 제목이나 이미지와 광고를 혼동하게 만드는 배치는 피해야 합니다.
수정 후 세 화면을 확인한다
홈, 카테고리 목록, 개별 글 화면은 서로 다른 스킨 분기를 사용할 수 있습니다. 카테고리에서 잘 보이더라도 개별 글에 중복 삽입될 수 있어요. 데스크톱과 모바일 폭에서 세 화면을 모두 열고 레이아웃 이동, 가로 스크롤, 빈 광고 공간을 확인합니다.
광고가 안 보일 때 레이아웃부터 되돌리지 않는다
새 광고 단위는 즉시 채워지지 않을 수 있고, 동의 관리나 광고 차단 확장 기능 때문에 빈자리로 보일 수도 있습니다. 먼저 브라우저 개발자 도구에서 광고 스크립트가 로드되는지, 콘솔 오류가 있는지, 부모 요소의 폭과 표시 상태가 정상인지 확인하세요.
문제를 찾지 못했다면 추가 코드를 덧붙이기보다 백업한 스킨과 현재 스킨의 차이를 비교합니다. 같은 스크립트를 여러 번 넣으면 페이지 속도와 진단이 더 나빠질 수 있어요. 광고 계정의 정책 알림과 사이트 승인 상태도 별도로 확인해야 합니다.
수정 뒤에는 기록을 남기고 다시 확인한다
관리 화면에서 저장됐다는 메시지만으로 실제 결과를 판단하지 마세요. 로그아웃 상태의 공개 화면, 모바일 폭, 다른 브라우저에서 같은 결과가 보이는지 확인합니다. 변경 전 화면과 설정값을 함께 보관하면 문제가 생겼을 때 원인을 좁히기 쉬워요.
서비스 메뉴와 정책은 예고 없이 바뀔 수 있습니다. 이 글의 기존 이미지는 당시 상황을 보여주는 참고 자료이고, 실제 작업은 현재 공식 도움말과 화면 문구를 기준으로 진행해야 합니다. 비밀번호, 광고 코드의 게시자 식별값, 소유권 확인 토큰은 캡처나 공개 글에 노출하지 마세요.
자주 묻는 질문
기존 글의 게시일과 URL은 바뀌나요?
아니요. 이 글은 기존 게시물을 보완한 것이며 원래 공개 URL을 유지합니다.
화면이 글과 다르면 어떻게 하나요?
서비스 화면과 메뉴는 바뀔 수 있으므로 글의 원리와 공식 문서를 먼저 확인하고 현재 화면에서 같은 기능명을 찾으세요.
한 번 설정하면 다시 확인하지 않아도 되나요?
버전·정책·환경이 바뀔 수 있습니다. 업데이트나 스킨 변경 뒤에는 핵심 동작을 다시 점검하는 편이 안전합니다.
공식 자료
이 글은 기존 게시물의 URL과 기록 가치를 유지하면서 현재 독자가 실행할 수 있도록 내용을 다시 확인해 보완했습니다.
0 댓글