미디어 쿼리를 사용하여 Google 애드 센스 블록 숨기기 및 표시


11

Adsense ToS에서 이미 허용됩니까? 이 특정 사례에 대한 정보를 찾을 수 없습니다. 사용자가 브라우저 크기를 조정하는 경우 (css 3) :

@media screen and (max-width: 980px) {
 #skyscraper { display: none; }
}

okcupid.com의 예-큰 사이트

아이디어는 사용자가 브라우저 창 크기를 980px 이하로 조정할 때 가로 스크롤이없는 사이트를 표시하는 것입니다.

답변:


8

광고를 숨길 수 없습니다. "5. 금지 된 사용" 의 애드 센스 이용 약관에 있습니다 .

귀하는 제 3 자에게 다음을 수행하도록 허가하거나 권유해서는 안됩니다. ... (ii) 광고, 링크, 광고 단위, 검색 결과 또는 추천에 포함 된 정보의 순서를 편집, 수정, 필터링, 자르거나 변경하지 않아야합니다. 버튼, 또는 제거가 모호 또는 광고, 링크, 광고 단위를 최소화하고, 결과를 검색하거나 추천 버튼 구글의 승인없이 어떠한 방식 으로든;

나에게 꽤 분명한 것 같습니다. (아마도 광고의 자바 스크립트 코드가 계속 실행되어 광고보기를 잘못보고하고 클릭률을 높이기 때문일 수 있습니다.)

미디어 쿼리를 사용하여 좁은 화면의 광고를 바닥 글 영역으로 옮기는 것이 더 안전 할 수 있습니다.

업데이트 (2013 년 7 월) : 페이지를로드하고 조회수가 계산 된 후 CSS 미디어 쿼리가 아닌 JavaScript를 사용하여 페이지 너비를 감지하고 관련 광고를 게재하여 광고를 숨기는 것이 이제이 와 같이 가장 합리적인 옵션 인 것 같습니다 .


귀하의 답변 닉에 안녕. 내가 아직도 이해하지 못하는 것은 okcupid (매우 큰 사이트)가 결과없이 그것을하는 이유입니다.
Andres SK

@andufo 어쩌면 그들은 Google의 승인을 받았습니다. 아니면 아직 잡히지 않았을 수도 있습니다.
Nick

alexa.com/siteinfo/okcupid.com 이 사이트는 트래픽이 많고 등급이 매우 높은 사이트로 승인에 베팅했습니다.
Andres SK

3

서비스 약관은 광고를로드 한 다음 방문자에게 표시하지 않으므로 통계를 통해 조회 / 클릭을 발생시키는 상황을 말합니다. 처음에 광고를로드하지 않으면 괜찮습니다. CSS 대신 자바 스크립트로이 작업을 수행해야합니다. 창 너비를 감지하고 특정 숫자보다 넓은 경우에만 애드 센스 코드를 실행하십시오.


좋은 지적! 이제 돔이 준비된 후 애드 센스 배너를로드하는 방법을 찾아야합니다.
Andres SK

0

귀하의 질문을 게시했을 때 상황이 어땠는지는 모르겠지만 현재로서는 다른 옵션보다 "반응 형 디자인"을 권장합니다.

이 문서 는 정확한 텍스트는 아니지만 충분히 명확하게@media 쿼리 를 사용할 수 있다고 명시 하고 있습니다 . (당신은 이것을 읽을 수도 있습니다 .) 따라서, 당신이하고있는 일은 괜찮습니다.

그리고 내가 근거없는 말을 고려하지 마십시오. 예를 들어 Mashable을 가져옵니다 . 그들은 그렇게하고 그들은 최고의 Adsense Premium Publishers 중 하나입니다.

Tl; dr- 현재, 당신이하고 싶었던 것은 내가 보는 것처럼 규칙에 의해 완벽하게 훌륭합니다.


'반응 형 디자인'을 추천하는 것은 한 가지 일입니다. media검색어를 사용하여 애드 센스 를 숨기는 것도 다른 일입니다. 이 기사를 다루기 위해 링크 한 Google 문서가 아닌 것 같습니다. Mashable 은이 작업을 수행 하지 않고 여전히 광고를 표시하지만 페이지의 다른 부분에 표시합니다.
MrWhite

@ w3d 무슨 말을 하시겠습니까? Mashable이 이것을 사용한다는 것을 알기 때문에 : @media (max-width: 969px){ .box970 .visible-desktop .ad_container.ad970 {display:none !important} }그것은 당신에게 무엇을 말합니까? :)
its_me

이 특정 CSS는 홈페이지에서 적어도 애드 센스를 포함하지 않는 와이드 헤더와 관련이 있습니다. 뷰포트가 축소 되어도 페이지의 모든 애드 센스가 그대로 유지됩니다. 그러나 다른 페이지 에서는 헤더와 측면 패널에 애드 센스가 있으며 뷰포트가 축소되면 둘 다 제거됩니다. 그러나 이것보다 조금 더 복잡합니다. 페이지가 작은 뷰포트 크기로 처음로드되면 애드 센스도로드되지 않습니다. 뷰포트 크기를 늘리면 애드 센스가로드되지 않았으므로 애드 센스가 표시되지 않습니다.
MrWhite

1
@Nick의 답변은 여전히 ​​관련성이있는 것으로 보이며 인용 된 애드 센스 이용 약관은 여전히 ​​최신 상태입니다. 애드 센스가로드 된 후에 숨겨지지 않은 경우 ( 노출 발생 ) 괜찮습니다. AFAIK 모바일 사용자는 뷰포트 크기를 조정하지 않습니다. 브라우저 창이 축소되고 (데스크톱에서) 애드 센스가 제거 된 Mashable의 엣지 케이스가 간과되었거나 Google의 승인을 받았을 수도 있습니다. 그러나 대부분의 경우 계약 조건을 따르는 것으로 보입니다.
MrWhite

1
@ w3d Google Adsense 포럼의 최고 기고자에게 답장 을 보내달라고 요청해야합니다 .
its_me
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.