학습 내용
푸시 알림에 동적 이미지를 추가하는 방법을 알아보세요.
동적 이미지는 푸시 알림을 맞춤 설정할 수 있는 좋은 방법입니다. 예를 들어, 상대방이 선호하거나 결제를 시작했거나 구매한 정확한 제품을 보여줄 수 있습니다.
시작하기 전 안내 사항시작하기 전 안내 사항
동적 이미지를 사용할 수 있습니다:
- 이벤트 데이터(예: 결제 또는 주문한 품목) 또는 이벤트에 대한 카탈로그 태그를 사용하는 메트릭 트리거 흐름입니다.
- 캠페인 및 목록 및 세그먼트 트리거 흐름은 이미지 URL이 수신자 프로필에 사용자 지정 속성으로 존재하는 경우에만 해당됩니다.
또한 푸시 동적 이미지와 관련하여 다음 사항에 유의하세요:
- 푸시 알림당 1개의 동적 이미지만 허용됩니다.
- 이미지는 1MB 미만이어야 합니다.
- 동적 이미지와 함께 조건문을 사용할 수 있습니다.
클라비요 푸시 알림 기능을 요청하고 싶으신가요? 이 Google 양식을 작성하여 알려주세요!
푸시 알림에 동적 이미지 추가하기
- 동적 이미지를 포함할 메시지를 선택합니다.
- 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭합니다.
- 플로우에서 푸시 알림을 추가하거나 선택합니다.
- 오른쪽 상단 모서리에 있는 세부정보 보기 아이콘을 클릭합니다.
- 포함하려는 이미지의 데이터 소스를 찾습니다.
- 일반적으로 0으로 끝나는 이미지의 첫 번째 변수에 대한 데이터 소스를 클릭합니다.
- 왼쪽의 본문 상자에서 미디어 삽입 아이콘을 클릭합니다.
- 동적 이미지 탭으로 이동합니다.
- 이미지의 동적 변수 또는 동적 URL을 붙여넣습니다.
- 저장을 클릭합니다.
- 미리보기 화면에 동적 이미지가 표시되는지 확인하여 동적 이미지가 올바르게 추가되었는지 확인합니다.
카탈로그 태그 사용 예시
카탈로그 태그를 사용하여 리치 푸시 알림에 동적 이미지를 추가할 수도 있습니다. 그렇게 하려면
- 애널리틱스 > 메트릭으로 이동합니다.
- 사용하려는 지표를 선택합니다(예: 주문한 제품).
- 특정 이벤트에 대한 세부 정보를 클릭합니다.
- SKU 또는 제품 ID 태그를 찾습니다.
- 태그의 레이블(괄호나 콜론 제외)을 복사하여 정확한 철자와 대소문자가 되도록 합니다.
아래 예제에서는 "ProductID를 복사합니다."
- 분실하지 않을 곳에 붙여넣으세요.
- 방금 선택한 것과 동일한 메트릭에 의해 트리거된 플로우로 이동합니다.
- 동적 이미지를 포함할 푸시 알림을 선택합니다.
- 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭합니다.
- 왼쪽의 본문 상자에서 미디어 삽입 아이콘을 클릭합니다.
- 동적 이미지 탭으로 이동합니다.
- 다음 카탈로그 태그를 붙여넣습니다:
{% catalog event.id %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - 0}의 ID를 이전에 복사한 레이블로 바꿉니다.{% catalog event.id %}
예제: {% catalog event.ProductID %} {{catalog_item.featured_image.thumbnail.src}} {% endcatalog %} - 저장을 클릭합니다.
동적 이미지에 조건문을 사용하는 예제
동적 이미지에는 조건문을 사용할 수 있습니다.
다음은 변형 이미지가 있으면 수신자에게 해당 이미지를 표시하고, 그렇지 않으면 기본 이미지를 사용하도록 하는 if/else 문의 예시입니다:
{% if event.extra.line_items.0.product.variant.images.0.src %}{{ event.extra.line_items.0.product.variant.images.0.src }}{% else %}{{ event.extra.line_items.0.product.images.0.src }}{% endif %}
이러한 명세서의 정확한 형식은 통합에 따라 다르며 이메일 템플릿에서 복사해서는 안 된다는 점에 유의하세요.