Google Ads, Google AdMob, AMP HTML 광고, 동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.
날짜 대체 구성요소를 사용하면 지정한 기간과 비교하여 시청자의 시간과 날짜를 기반으로 다른 콘텐츠를 볼 수 있습니다. 예를 들어 날짜 대체를 통해 영화 출시 전과 출시일, 출시 후에 맞춤 설정된 콘텐츠를 표시할 수 있습니다.
프로젝트에 날짜 대체 구성요소를 추가하는 방법:
- 구성요소 패널에 이어 날짜/시간 폴더를 엽니다.
- 날짜 대체 구성요소를 스테이지로 드래그합니다.
- 속성 패널에서 기간을 설정합니다(아래 속성 섹션 참조).
- 구성요소에 하위 요소를 추가합니다(요소를 중첩하는 방법에 대해 알아보기). 구성요소는 설정한 기간에 따라 하위 요소를 표시하거나 숨깁니다. 구성요소 기간을 기반으로 이벤트를 설정하여 하위 요소가 아닌 요소에 적용할 수도 있습니다.
- 날짜 비교 발생 시점을 제어할 수 있는 날짜 확인 작업을 트리거하는 이벤트를 추가합니다. 예를 들어 페이지 > 페이지 표시 준비 완료 이벤트를 통해 페이지를 표시할 준비가 되었을 때 날짜 확인이 발생하도록 설정할 수 있습니다.
속성
속성 | 설명 |
---|---|
이름 | 구성요소의 이름입니다. |
시작 | 기간의 시작은 RFC 2822 또는 ISO 8601 형식입니다(아래 예 참조). 동적 데이터에 결합될 수 있습니다. |
종료 | 기간의 끝은 RFC 2822 또는 ISO 8601 형식입니다(아래 예 참조). 동적 데이터에 결합될 수 있습니다. |
날짜 예
- RFC 2822 형식:
- 1 Jan 2018
- 15 Jun 2018 13:30
- 31 Dec 2018 23:59:59 +0000
- ISO 8601 형식:
- 2018-01-01
- 2018-06-15 13:30
- 2018-12-31T23:59:59 +0000
시간대를 지정하지 않으면 시청자의 현지 시간대를 사용합니다.
이벤트 및 작업
날짜 대체 구성요소에서 전송하는 이벤트다음과 같은 날짜 대체 구성요소 이벤트를 기반으로 다른 작업을 트리거할 수 있습니다.
이벤트 | 설명 |
---|---|
이전 | 현재 날짜와 시간이 속성에 지정된 기간 이전이면 전송됩니다. |
기간 내 | 현재 날짜와 시간이 속성에 지정된 기간(기간의 시작과 끝 포함) 내에 있으면 전송됩니다. |
이후 | 현재 날짜와 시간이 속성에 지정된 기간 이후면 전송됩니다. |
이벤트 대화상자에서 이러한 이벤트 중 하나를 선택하려면 날짜 대체 구성요소를 타겟으로 설정하세요.
날짜 비교 발생 시점을 제어하려면 다음 섹션에 설명된 날짜 확인 작업을 사용하세요.
다른 이벤트에 대한 반응으로 다음과 같은 날짜 대체 구성요소 작업이 트리거될 수 있습니다.
작업 | 설명 |
---|---|
날짜 확인 | 현재 날짜와 시간을 지정된 기간과 비교하여 확인합니다. |
이벤트 대화상자에서 이 작업을 선택하는 경우 날짜 대체 구성요소를 수신자로 설정하세요.
이벤트 구성 방법 알아보기
미리보기
Google Web Designer 인터페이스 내에서는 이 구성요소를 미리 볼 수 없습니다. 작동 중인 구성요소를 보려면 오른쪽 상단에 있는 미리보기 버튼을 클릭하여 원하는 브라우저에서 문서를 미리 보세요.
테스트
다음 방법 중 하나를 사용하여 날짜 대체 구성요소를 테스트할 수 있습니다.
- 시스템 시간을 변경합니다.
- RFC 2822 또는 ISO 8601 형식을 사용하여
currentdateoverride
속성으로 단일 요소의 현재 날짜를 재정의합니다.from_date="2018-06-15" to_date="2018-08-15" currentdateoverride="2018-07-15">Mid-July