구글 애드센스 고정 광고 설정 방법을 설명합니다.
애드센스 고정 광고는 플로팅 광고 또는 고정형 광고 또는 사이드바 Sticky 등으로 불립니다.
플로팅 광고는 페이지에 떠 있는 모습(혹은 페이지 가운데에 떠서 스크롤을 따라다니는 모습) 때문에 고정 광고와 비슷해 보이지만 다른 방법으로 구현된 광고입니다.
고정 광고(position: sticky)는 일반적인 요소와 마찬가지로 스크롤 흐름을 따르지만 화면을 벗어나는 지점에 도달하면(마우스 스크롤을 쫓아 화면 밖 위로 올라가야 하는 상황에 놓이면) 더 이상 마우스 스크롤을 쫓지 않고 고정된 위치에 머물러 버립니다.
일반적으로 구글 어드센스 고정 광고는 정책 및 기능 구현상 사이드바에 위치시킵니다.
그리고 컴퓨터 브라우저 등 특정 환경에서 방문했을 경우에만 게재되도록 설정합니다.
일반적으로 화면이 넓은 태블릿 또는 모니터를 사용하는 기기로 방문한 경우에만 웹페이지 사이드바가 표시되기 때문에 스마트폰 등 모바일 기기에서는 고정광고가 표시되지 않도록 설정합니다.
구글 애드센스 고정광고는 티스토리 블로그에서 사이드바를 지원하는 북클럽(BookClub), 매거진(Magazine)의 2단 이상의 스킨을 사용하고 있으면 비교적 쉽게 구현이 가능합니다.
사이드바가 없는 1단형 스킨에도 고정광고를 구현할 수 있지만 추천은 드리지 않습니다.
1단형 스킨으로 고정광고를 구현할 때 본문 영역의 콘텐츠 혹은 광고를 숨기는 등의 정책 위반이 발생할 수 있기 때문입니다.
마크업 언어의 이해도가 높아 미디어 쿼리를 능숙하게 다루는 분에게는 해당되지 않는 내용입니다.
고정광고는 CSS에서 설정할 수 있습니다.
티스토리북클럽(BookClub) 스킨으로 설명합니다.
아래 방법으로 티스토리 블로그에 애드센스 고정광고를 게재할 수 있습니다.
- 주의사항 : 모바일 기기에서 고정광고가 게재될 경우 콘텐츠나 다른 광고를 숨길 수 있으므로 미디어 쿼리(Media Query) 등을 이용하여 특정 크기 미만으로 구현되지 않도록 제어해야 합니다.
티스토리 블로그 어드센스 고정 광고 설정
인기글
티스토리 블로그 스킨편집 CSS
티스토리 관리 페이지에 접속합니다.
장식 메뉴 하위의 스킨 편집을 선택합니다.
스킨 편집 페이지가 열리면 html 편집을 클릭합니다.
html 화면이 열리면 상단 탭에서 ‘CSS’를 선택합니다.
CSS 편집 화면이 열리면 스크롤바를 끌어내리고 페이지 하단으로 이동합니다.
아래 “고정광고” 소스를 복사하여 CSS 편집화면에 붙인 후 “적용” 버튼을 클릭합니다.
위 고정광고 CSS소스는 북클럽 스킨 기준입니다.
다른 스킨을 사용할 경우 사이드바 영역의 class명 또는 id명으로 변경하여 사용할 수 있습니다.
id선택자 “#aside”를 사용하는 스킨의 사이드바 선택자로 변경하고 -60px숫자를 환경에 맞게 숫자를 변경하여 위치를 조절하면 됩니다.
참고로 id는 #이고 class는 . 입니다.
예시로 사이드바 영역이 class=”sticky”일 경우 “#aside” 부분을 “. “sticky”로 대체해주세요.
애드센스 고정 광고, 화면 크기에 따른 게재 설정
만약 기기의 화면 크기 또는 브라우저의 가로 크기가 1081px 이상인 경우에만 고정 광고가 노출되도록 구현하려면 미디어 쿼리를 이용하십시오. 아래의 ‘고정광고 화면크기’ 소스를 이용하면 되는데, 사용 중인 스킨 환경에 맞게 1081px 부분의 숫자와 -60px숫자(높이)를 변경하여 사용해 주세요.
북클럽 스킨의 경우 미디어 쿼리를 이용한 화면 크기에 따른 게재 설정은 필요하지 않습니다.
사이드바 자체가 화면 크기에 따라 노출되도록 설정되어 있기 때문에 별도의 설정을 하지 않아도 됩니다.
적응형 스킨이나 반응형 스킨 중 모바일 등 작은 화면의 기기로 방문할 경우 사이드바 및 사이드바 위젯의 크기가 작아지고 본문 하단으로 위치가 이동할 수 있습니다.
이러한 스킨을 사용하는 경우에는 미디어 쿼리를 이용하여 스마트폰과 같은 작은 화면을 사용하는 기기에 방문할 경우 고정 광고가 노출되지 않도록 설정해야 합니다.
티스토리 블로그 등에서 애드센스 고정광고를 원할 때에는 디스플레이 광고 단위를 이용하여 300*600 등의 고정 사이즈 광고를 생성하여 사용하시면 됩니다.
자세한 내용은 구글 어드센스 고정 크기 디스플레이 광고 단위 작성을 참조하십시오.
애드센스 고정 광고 정책 위반에 대해 아직도 애드센스 고정 광고는 정책 위반이라고 주장하는 사람이 있습니다.
검색 사이트에 ‘애드센스 고정광고 정책 위반’이라고 검색하면 잘못된 내용의 글이 얼마나 많은지 확인할 수 있습니다.
굳이 클릭해서 읽을 필요는 없습니다.
대부분 뇌공인으로 구글 애드센스는 고정형 광고를 허용하지 않는다는 헛소리를 길게 써놓은 것이니까요. 불과 며칠 전에도 관련된 글을 발행한 곳이 있어요.
구글 애드센스 고정광고 정책 및 준수사항(support.google.com/adsense/answer/10734935)
구글 애드센스 헬프센터에서 즉시 확인하실 수 있습니다.
구글 애드센스 고객센터는 구글이 운영하는 사이트입니다.
보시다시피 애드센스는 고정형 광고를 허용하고 있습니다.
단, 위와 같이 몇 가지 조건하에서 고정광고의 구현을 허가하고 있습니다.
웹은 어떤 분야보다도 빠르고 변화무쌍합니다.
구글 검색 엔진 알고리즘도 그렇지만 애드센스 정책도 끊임없이 변화하고 바뀝니다.
확실히 고정 광고가 정책 위반이었던 시기가 있긴 했습니다.
3~4년 전쯤에 말이죠. 지금 사용하고 있는 광고 단위는 3~4년 전의 광고 단위와 많은 차이가 있습니다.
정책도 마찬가지입니다.
애드센스 정책에는 많은 변화가 있었습니다.
단언컨대 더 이상 애드센스 고정광고는 정책 위반이 아닙니다.
3~4년 된 것 같은데 오래 전에 정책이 바뀌었어요.
애드센스 고정광고가 정책 위반이라고 우기는 사람이 나중에 다른 말을 할까봐 영상으로 박제했습니다.
그리고 가이드라인을 찾을 수 없다는 이유로 정책 위반이라고 우기는 사람들에게 이 이야기를 해주고 싶습니다.
이전에는 한 페이지에 애드센스 광고를 3개 이상 게재하면 정책 위반이었습니다.
마지막으로 웹연구소로 개편하여 운영하는 목적 중 하나가 잘못된 블로그 관련 정보를 설파하기 위함입니다.
앞으로도 착실하게 잘못된 정보를 바로잡아 나가겠습니다.