반응성이 좋은 디자인으로 구글 광고 크기를 조정할 수 있는 방법이 있나요?
반응하는 워드프레스 디자인에 구글 광고를 사용하고 있습니다(트위터 부트스트랩을 사용하고 있습니다).사이트의 크기를 조정할 때 광고가 멀리 튀어나와 보기만 해도 좋지 않다.
제가 할 수 있는 일이 있을까요?실제로 누군가가 작은 화면에 광고 크기를 조정하고 있는 것처럼 보이는 사이트를 보았습니다.이게 자바 스크립트라서 어떻게 가능할지 모르겠어요. 그렇죠?
어떤 피드백도 매우 도움이 될 것입니다.감사합니다!
이상적으로는 CSS 미디어 쿼리에 의해 광고가 자동으로 축소되고 완벽한 환경에서는 광고가 새로운 크기에 따라 자동으로 레이아웃이 변경됩니다.그러나 구글 광고는 이를 지원하지 않으며, 심지어 이를 허용하지 않습니다. 구글의 명시적 허가를 받은 경우를 제외하고 광고 내용을 변경하거나 광고의 일부를 숨길 수 없습니다.[...]
5. 사용금지귀하는 (i) [...] (ii) 광고, 링크, 광고 유닛, 검색 결과 또는 참조 버튼에 포함된 정보의 편집, 수정, 필터링, 순서를 변경하거나 광고, 링크, 광고 유닛, 검색 결과를 삭제, 숨기거나 최소화할 수 없습니다.또는 Google의 승인 없이 Reference 버튼[...]을 클릭합니다.
대체 솔루션은 조건부로 JavaScript를 통해 광고를 제공하는 것입니다.예를 들어, 페이지가 로드될 때 브라우저 뷰포트의 크기를 가져오고 브라우저 뷰포트의 너비가 선호 광고의 너비보다 작으면 작은 광고를 대신 제공합니다.이 기능은 CSS 미디어 쿼리와 동일하게 동작해야 합니다.단, 사용자가 브라우저 크기를 조정할 때 새로운 광고를 제공하지 않습니다.이는 잘못된 인상(갱신하지 않고1페이지에 여러 인상)을 발생시키기 때문에 서비스 약관에 위배됩니다.
5. 사용금지귀하는 (i) 자동, 기만, 기만적인 모든 방법을 통해 광고, 링크, 검색 결과 또는 조회 버튼(모든 비디오 광고에 대해 "재생"을 클릭하여 제한 없이)의 직접 또는 간접 조회, 조회 이벤트, 인상 또는 클릭을 제삼자에게 생성하도록 승인하거나 권장해서는 안 됩니다.사기 또는 기타 무효 수단(반복적인 수동 클릭, 로봇 또는 기타 자동 쿼리 도구 및/또는 컴퓨터 생성 검색 요청 사용, 기타 검색 엔진 최적화 서비스 및/또는 소프트웨어 무단 사용을 포함하지만 이에 국한되지 않음)
기존 답변은 구식입니다.Google은 2013년 7월에 응답형 광고를 발표했습니다.
응답성이 뛰어난 새로운 광고 유닛을 사용하면 응답성이 뛰어난 디자인 웹 페이지를 사용하여 다양한 디바이스를 지원할 수 있습니다.이제 서비스되는 광고의 크기를 동적으로 지정할 수 있으며, 사이트의 특정 장치 페이지 렌더링 방식에 맞게 조정할 수 있습니다.
반응성 광고는 고정적이고 유동적이며 반응성이 뛰어난 레이아웃으로 작동합니다.필요한 것은, 「스마트 사이징」버전의 코드를, 광고를 게재하는 장소에 배치하는 것 뿐입니다.이 광고는 수평으로 늘어나 모든 사용 가능한 공간을 차지하고 수직으로는 최적의 표준 크기 광고를 표시할 수 있습니다.웹 사이트의 레이아웃이 디바이스 방향에 따라 변경되면 디바이스 방향 변경 이벤트에 따라 자동으로 사이즈가 조정됩니다.CSS 및 HTML5 데이터 속성을 사용하여 고급 커스터마이즈가 가능합니다.
Google은 현재 공식적으로 응답형 광고를 지원합니다(현재 베타판).Google 공식 문서에 대한 링크와 함께 이 기능에 대한 좋은 설명이 여기에 있습니다.
http://exisweb.net/using-google-adsense-async-tags-for-responsive-design
작동하지만 뷰포트의 크기를 조정해도 광고가 자동으로 크기를 조정하지 않는다는 단점이 있습니다.뷰포트의 사이즈가 변경되었을 때 애드서버에 콜을 시도하는 것은 TOS에 반하는 것으로 알고 있습니다.
Responseive Adsense라는 플러그인이 있습니다.5개의 광고 필드가 포함된 위젯을 추가하면pub id ★★★★★★★★★★★★★★★★★」ad id그 안에.그리고 화면의 크기에 따라 5개의 광고 중 1개를 렌더링합니다.모바일 브라우저에서 시도해보니 모바일 대신 블록사이즈 광고가 떴어요.
페이지 응답성을 유지하기 위해 다음과 같이 했습니다.
<div class="table table-responsive">
<div class="text-center text-muted">
<hr><br>
<small>advertisement</small>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- bottom -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client=""
data-ad-slot=""
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<br>
</div>
</div>
나는 Equalrium3가 게시한 것에 동의한다.광고 크기 = 응답 광고 단위(베타)를 선택합니다.광고 코드를 얻으면 광고 코드 안에 넣을 수 있습니다.<div class="span12">그 안에 있는 것도<div class="row">가로로 광고하고 중앙에 배치하는 것도 효과가 있었습니다.
이 페이지는 수평광고가 있는 페이지입니다.- > http://www.espaciodigital.mx/
광고 코드를 사이드바에 배치하려면 위와 같이 하되 다음과 같이 페이지를 분할합니다.<div class="span3">사이드바에 대해서<div class="span9">를 참조해 주세요.
다음 페이지에서 이 작업을 수행했습니다.왼쪽에는 정사각형 광고가 있습니다.-> http://www.espaciodigital.mx/quienes_somos.html
두 광고 모두 모바일 디바이스에서 정상적으로 동작.한번 해보라구요.도움이 됐으면 좋겠네요!
언급URL : https://stackoverflow.com/questions/12167113/is-there-a-way-to-resize-google-adsense-in-a-responsive-design
'programing' 카테고리의 다른 글
| 표 변수에 색인 작성 (0) | 2023.04.07 |
|---|---|
| Mongod가 /data/db 폴더가 없다고 불평한다. (0) | 2023.04.02 |
| WordPress - 줄 바꿈 없이 텍스트 영역에서 여러 줄 텍스트를 삭제하는 방법 (0) | 2023.04.02 |
| 분류법별로 사용자 지정 게시 유형에 대한 영구 링크 정의 (0) | 2023.04.02 |
| reactjs에서 소품은 값으로 통과합니까, 아니면 참조로 통과합니까? (0) | 2023.04.02 |