반응형 패널의 크기 및 범위

반응형 패널의 크기 및 범위 탭을 사용하면 표시 영역 크기 및 방향에 따라 변경되는 반응형 콘텐츠를 만들고 관리할 수 있습니다. 동영상 광고, 애니메이션 GIF, 이미지 광고의 경우에는 반응형 패널을 사용하여 여러 크기의 레이아웃을 구성할 수 있습니다.

반응형 레이아웃

미디어 규칙 사용 설정

반응형 레이아웃 체크박스가 선택되어 있으면 페이지의 너비와 높이가 100%로 설정되고 미디어 규칙이 사용 설정됩니다.

고정 크기 문서로 전환하기

반응형 문서를 고정 크기로 변경하려면 단일 게재 크기만 사용 설정하고 재정의가 없는 것을 확인한 후 반응형 레이아웃 체크박스를 선택 해제합니다.

기본 문서 수정하기

기본 문서를 수정할 때는 기본적으로 모든 변경사항이 모든 크기에 적용됩니다. 즉 애셋, 구성요소, 이벤트를 추가하거나 삭제하려면 반응형 패널에서 기본 문서 수정을 선택해야 합니다.

기본 문서를 수정하는 동안 표시 영역 크기를 조절할 수도 있습니다.

크기

반응형 패널의 크기 섹션에는 광고가 표시될 수 있는 특정 크기가 나열됩니다. 크기를 선택하면 해당 표시 영역 크기로 전환하고, 해당 크기에 대한 재정의를 추가하거나 변경할 수 있습니다.

일반 크기

반응형 패널의 크기 섹션에는 광고 환경의 일반 크기가 미리 입력되어 있습니다. 일반 크기는 수정하거나 삭제할 수 없습니다.

맞춤 크기

맞춤 크기를 추가하여 목록에 다른 크기를 포함할 수 있습니다.

• 맞춤 크기 추가: 맞춤 크기 추가를 클릭하고 새 크기의 치수를 입력합니다.

• 맞춤 크기 수정: 해당 크기 위로 마우스를 가져가 수정 버튼을 클릭합니다.

• 맞춤 크기 삭제: 해당 크기 위로 마우스를 가져가 삭제 버튼을 클릭합니다.

크기 필터링

드롭다운에서 게재 또는 미리보기에서 사용 설정한 크기로 크기 목록을 필터링합니다.

• 모든 크기
• 게재 크기
• 미리보기 크기

게재 크기

게재 크기는 광고가 게재될 것으로 예상되는 광고 슬롯 크기입니다. 반응형 문서에는 게재 크기가 하나 이상 있어야 합니다.

• 게재 크기 추가 또는 삭제: 게재 크기 아이콘 아래의 체크박스를 선택하거나 선택 해제합니다. 최대 40개의 게재 크기를 사용 설정할 수 있습니다.

미리보기 크기

반응형 미리보기 패널 내에서 선택한 미리보기 크기로 문서가 표시되며, 브라우저 내에서 문서를 미리 볼 때도 선택한 미리보기 크기로 문서가 표시됩니다.

• 미리보기 크기 추가 또는 삭제: 미리보기 크기 아이콘 아래의 체크박스를 선택하거나 선택 해제합니다. 미리보기 크기도 게재 크기여야 합니다.

• 반응형 미리보기 패널을 열려면 다음 단계를 따르세요.
  • 반응형 패널에서 반응형 미리보기 버튼을 클릭합니다.
  • 상단 메뉴에서 보기 > 반응형 > 미리보기를 선택합니다.

크기별 미디어 규칙

반응형 패널에서 크기를 선택한 경우 표시 영역이 해당 크기일 때만 적용되는 재정의를 추가하고 변경할 수 있습니다.

재정의가 있는 미디어 규칙에는 크기별 미디어 규칙 아이콘이 표시됩니다.

특정 크기에 대한 미디어 규칙 관리에 대해 자세히 알아보기

미디어 범위 지정 규칙

여러 크기에 적용되는 재정의는 미디어 범위 지정 규칙에 설정되어 있습니다. 미디어 범위 지정 규칙을 선택하면 해당 범위 내의 표시 영역 크기로 전환하고, 해당 크기 범위에 대한 재정의를 추가하거나 변경할 수 있습니다.

• 미디어 범위 지정 규칙 추가: 크기 범위 추가를 클릭하여 새 크기 범위를 추가한 후 크기 범위의 최소 및 최대 크기를 지정합니다.

• 미디어 범위 지정 규칙의 크기 수정: 범위 위로 마우스를 가져간 후 수정 버튼을 클릭합니다.

• 미디어 범위 지정 규칙의 방향 변경: 방향 아이콘(또는 가로 모드 혹은 세로 모드 아이콘)을 클릭한 다음 드롭다운에서 새 방향을 선택합니다.

• 미디어 범위 지정 규칙 삭제: 범위 위로 마우스를 가져간 후 삭제 버튼을 클릭합니다.

방향

미디어 범위 지정 규칙은 표시 영역이 가로 또는 세로 모드일 때만 적용되도록 설정할 수 있습니다.

모든 방향
가로 모드
세로 모드

미디어 범위 지정 규칙 관리

미디어 범위 지정 규칙 관리 아이콘을 클릭하여 구성된 크기 범위의 시각화가 포함된 대화상자를 엽니다.

크기 범위의 미디어 규칙 관리에 대해 자세히 알아보세요.

재정의

크기 또는 크기 범위의 재정의를 보려면 해당 크기 또는 크기 범위를 선택한 다음 반응형 패널에서 재정의 탭으로 전환합니다.

재정의 보기 및 관리에 대해 자세히 알아보세요.