학습 내용
클라비요에서 MMS 메시지에 동적 이미지를 추가하는 방법을 알아보세요.
동적 이미지를 포함하면 문자 메시지를 개인화할 수 있습니다. 예를 들어 상대방이 조회했거나 결제를 시작했거나 구매한 정확한 제품을 보여줄 수 있습니다.
시작하기 전 안내 사항시작하기 전 안내 사항
사용 사례에 따라 동적 이미지를 항상 추가할 수 없는 경우도 있습니다.
- 메트릭 트리거 흐름만 이벤트 데이터(예: 결제 또는 주문한 항목) 또는 이벤트의 카탈로그 태그를 기반으로 하는 동적 이미지를 사용할 수 있습니다.
- 캠페인 및 목록 및 세그먼트 트리거 흐름은 이미지 URL이 수신자 프로필에 사용자 지정 속성으로 존재하는 경우에만 동적 이미지를 가질 수 있습니다.
또한 동적 이미지와 관련하여 다음 사항에 유의해야 합니다:
- MMS당 1개의 동적 이미지만 허용됩니다.
- 이미지는 600KB 미만이어야 하며, 그렇지 않으면 통신사에서 압축하여 이미지가 왜곡되어 보일 수 있습니다.
- MMS를 허용하지 않는 발신 번호로 동적 이미지를 보내려고 하면 메시지는 전송되지만 이미지는 제거됩니다.
- 동적 이미지와 함께 조건문을 사용할 수 있습니다.
- 이동통신사는 WebP 파일을 지원하지 않으므로 이러한 유형의 이미지를 첨부하면 메시지가 실패할 수 있습니다.
동적 이미지를 추가하는 방법
- 동적 이미지를 포함할 플로우 메시지를 선택합니다.
- 오른쪽 사이드바에서 편집을 클릭합니다.
- 미리보기 탭의 오른쪽 상단에 있는 세부 정보 보기 버튼을 클릭합니다.
- 포함하려는 이미지의 데이터 소스를 찾습니다.
- 일반적으로 0으로 끝나는 이미지의 첫 번째 변수에 대한 데이터 소스를 클릭합니다.
- 왼쪽의 메시지 상자에서 미디어 추가 아이콘(이미지 아이콘)을 클릭합니다.
- 동적 이미지 탭으로 이동합니다.
- 이미지의 동적 변수 또는 동적 URL을 붙여넣습니다.
- 저장을 클릭합니다.
- 미리보기 화면에 동적 이미지가 표시되는지 확인하여 동적 이미지가 올바르게 추가되었는지 확인합니다.
카탈로그 태그 사용
카탈로그 태그를 사용하여 MMS에 동적 이미지를 추가할 수도 있습니다. 그렇게 하려면
- 애널리틱스 > 메트릭으로 이동합니다.
- 사용하려는 지표를 선택합니다(예: 주문한 제품).
- 특정 이벤트에 대한 세부 정보를 클릭합니다.
- SKU 또는 제품 ID 태그를 찾습니다.
- 태그의 레이블(괄호나 콜론 제외)을 복사하여 정확한 철자와 대소문자가 되도록 합니다.
아래 예제에서는 "ProductID를 복사합니다."
- 분실하지 않을 곳에 붙여넣으세요.
- 방금 선택한 것과 동일한 메트릭에 의해 트리거된 플로우로 이동합니다.
- 동적 이미지를 포함할 SMS 메시지를 선택합니다.
- 왼쪽 사이드바에서 콘텐츠 구성 또는 편집을 클릭합니다.
- 왼쪽의 메시지 상자에서 미디어 추가 아이콘(이미지 아이콘)을 클릭합니다.
- 동적 이미지 탭으로 이동합니다.
- 다음 카탈로그 태그를 붙여넣습니다:
{% 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 %}
이러한 명세서의 정확한 형식은 통합에 따라 다르며 이메일 템플릿에서 복사해서는 안 됩니다.
추가 리소스
- 더 많은 MMS 이미지 및 GIF 모범 사례찾기
- 클라비요의 이벤트 변수에 대해 자세히 알아보세요: