반응형 광고를 사용하여 페이지에서 우수한 사용자 환경을 제공할 수 있습니다. 또한 반응형 광고는 데스크톱, 태블릿, 휴대기기에서 원활하게 표시됩니다. #responsiveads
디스플레이 광고 단위는 기본적으로 반응형입니다. 이 광고를 이용하면 페이지 레이아웃에 맞게 크기를 자동으로 조정하여 다양한 기기(예: 컴퓨터, 휴대전화, 태블릿 등)를 지원할 수 있습니다. 디스플레이 광고 단위를 사용하면 사용자가 사이트를 방문할 때 사용한 기기와 상관없이 탁월한 광고 경험을 제공할 수 있습니다.
주요 기능
-
공간에 적합하도록 광고 크기 자동 조정. 반응형 광고 코드는 페이지 레이아웃에 맞춰 광고 단위의 크기를 자동으로 조정해 주므로 코드가 더 간단해지고 시간과 노력을 최소화할 수 있습니다. 사용 가능한 공간 및 사용자 디스플레이의 크기를 기준으로 공간에 적합한 크기를 동적으로 계산합니다.
-
화면 방향이 전환된 후의 광고 크기 변경 지원. 반응형 페이지의 레이아웃이 기기의 방향에 따라 변경되면(예: 태블릿 또는 휴대전화의 화면이 세로 모드에서 가로 모드로 전환) 전환된 페이지 레이아웃에 맞도록 적합한 크기의 새 광고가 요청되고 게재됩니다.
참고:- 기기 방향에 따라 새 광고를 게재할 때 방향 전환 이전에 표시되었던 원래 광고의 캐시가 저장됩니다. 기기의 방향이 이전 방향으로 다시 전환되면 새 광고가 게재되는 대신 저장되었던 원래 광고가 표시됩니다.
- 기기 방향이 전환될 때 광고를 새로고침하여 추가 광고 요청이 발생하므로 1,000회 노출당 수익(RPM) 및 클릭률(CTR) 항목이 다소 감소할 수 있습니다. 하지만 전체 수익에는 영향이 미치지 않습니다.
- 휴대기기에서 효과적인 전체 폭을 차지하는 광고. Google의 실험 결과, 세로 모드의 휴대기기에서는 전체 폭을 차지하는 반응형 광고가 실적이 더 우수한 것으로 나타났습니다. 수익을 높일 수 있도록 반응형 광고 단위가 자동으로 확장되어 기기가 세로 방향일 때 사용자 화면의 전체 폭을 사용합니다.
참고:
- 반응형 광고는 실적이 우수하고 만족스러운 사용자 환경을 제공할 수 있는 경우에만 확장됩니다.
- 반응형 광고 태그 매개변수를 추가하면 전체 폭을 차지하는 반응형 광고의 사용을 중지할 수 있습니다. 이렇게 하면 잠재 수익에 영향을 줄 수 있으므로 권장하지 않습니다.
기술적 고려사항
경우에 따라 반응형 광고 단위가 제대로 작동하려면 다음과 같은 추가 작업이 필요할 수 있습니다.
- 사이트에서 제3자 자바스크립트를 사용하는 경우. 페이지가 완전히 열릴 때까지 페이지에서 광고를 숨기는 스크립트와 같이 사이트에서 애드센스의 반응형 광고 코드가 실행되기 전에 스크립트가 실행되는 경우, 애드센스 코드는 반응형 광고 단위에 필요한 크기를 계산할 수 없습니다. 이 경우 코드를 수정하고 CSS 미디어 쿼리를 사용하여 광고 단위의 크기를 설정해야 합니다. 반응형 광고 코드를 수정하는 방법을 알아보세요.
- 상위 컨테이너에 너비가 설정되지 않은 경우. 플로팅 요소와 같이 명시적으로 너비가 지정되지 않은 상위 컨테이너에 반응형 광고 코드를 삽입할 경우, 애드센스 광고 코드가 반응형 광고 단위에 적합한 광고 크기를 계산할 수 없습니다. 이 경우 코드를 수정하고 CSS 미디어 쿼리를 사용하여 상위 컨테이너의 크기를 설정해야 합니다. 반응형 광고 코드를 수정하는 방법을 알아보세요.
- 상위 컨테이너의 높이가 고정되거나 제한되어 있는 경우. 반응형 광고는 일부 기기나 브라우저에서 높이가 더 커질 수 있으므로 높이가 고정되거나 제한된 컨테이너 안에 게재해서는 안 됩니다. 반응형 광고의 높이를 제한해야 할 경우 코드를 수정하고 CSS 미디어 쿼리를 사용하여 상위 컨테이너의 높이를 설정해야 합니다. 반응형 광고 코드를 수정하는 방법을 알아보세요.
추가로 다음 사항을 고려해야 합니다.
- 모바일 기기의 연결 상태가 좋지 못한 경우. 인터넷 연결 상태가 좋지 않은 휴대기기의 경우 반응형 광고 코드가 상위 컨테이너 너비에 적합한 표준 높이를 계산하는 동안 브라우저 리플로우가 발생할 수 있습니다. 브라우저 리플로우에 대해 자세히 알아보세요.