날짜 대체 구성요소

Google Ads, Google AdMob, AMP HTML 광고동영상 광고 또는 이미지 광고에서는 이 구성요소를 지원하지 않습니다.

날짜 대체 구성요소를 사용하면 지정한 기간과 비교하여 시청자의 시간과 날짜를 기반으로 다른 콘텐츠를 볼 수 있습니다. 예를 들어 날짜 대체를 통해 영화 출시 전과 출시일, 출시 후에 맞춤 설정된 콘텐츠를 표시할 수 있습니다.

프로젝트에 날짜 대체 구성요소를 추가하는 방법:

  1. 구성요소 패널에 이어 날짜/시간 폴더를 엽니다.
  2. 날짜 대체 Date Swap component icon 구성요소를 스테이지로 드래그합니다.
  3. 속성 패널에서 기간을 설정합니다(아래 속성 섹션 참조).
  4. 구성요소에 하위 요소를 추가합니다(요소를 중첩하는 방법에 대해 알아보기). 구성요소는 설정한 기간에 따라 하위 요소를 표시하거나 숨깁니다. 구성요소 기간을 기반으로 이벤트를 설정하여 하위 요소가 아닌 요소에 적용할 수도 있습니다.
  5. 날짜 비교 발생 시점을 제어할 수 있는 날짜 확인 작업을 트리거하는 이벤트를 추가합니다. 예를 들어 페이지 > 페이지 표시 준비 완료 이벤트를 통해 페이지를 표시할 준비가 되었을 때 날짜 확인이 발생하도록 설정할 수 있습니다.

속성

속성 설명
이름 구성요소의 이름입니다.
시작 기간의 시작은 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

도움이 되었나요?

어떻게 하면 개선할 수 있을까요?
검색
검색어 지우기
검색 닫기
기본 메뉴
13441520472754212125
true
도움말 센터 검색
true
true
true
true
true
5050422
false
false