이메일 주석을 사용하면 이미지, 특가, 만료일과 같은 기능을 통해 프로모션 탭의 이메일 메시지에 생동감을 불어넣을 수 있습니다.
이메일에 주석을 추가하면 Gmail 사용자가 프로모션을 보고 상호작용할 수 있습니다. 직접 관리할 수 있습니다. 사용자는 프로모션 탭에서 주석이 달린 텍스트나 이미지를 사용해 프로모션에 대해 자세히 알아볼 수 있습니다. 이메일을 엽니다.
이 페이지에서는 다음을 사용하여 이메일에 주석을 추가하는 방법을 설명합니다. JSON-LD 및 마이크로데이터. 받는사람 이메일 마크업에 대해 자세히 알아보려면 시작 가이드 마크업 목록 확인 이메일 주석에 사용할 수 있는 입력란에 대한 자세한 내용은 다음 페이지를 참조하세요. 참조 문서를 확인하세요.
이메일 주석 작성
이메일에 주석을 달아 프로모션 탭에 다음 기능을 표시할 수 있습니다.
다음 섹션에서는 각 유형의 이메일 주석을 만드는 방법을 설명합니다.
거래 주석 만들기
거래 주석은 프로모션에 대한 텍스트 기반 세부정보를 표시합니다(예: 프로모션 코드 또는 만료일이 있습니다.
거래 주석을 만드는 방법은 다음과 같습니다.
- 마케팅 이메일 플랫폼에서 이메일을 만들고 이메일의 HTML을 엽니다. 있습니다
head
섹션에서 데이터 유형이 포함된script
태그를 추가합니다.DiscountOffer
:JSON-LD
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <script type="application/ld+json"> [{ "@context": "http://schema.org/", "@type": "DiscountOffer", "description": "DESCRIPTION", "discountCode": "DISCOUNT_CODE", "availabilityStarts": "START_DATE_TIME", "availabilityEnds": "END_DATE_TIME" }] </script> </head> <body> // The message of your email </body> </html>
마이크로데이터
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <div itemscope itemtype="http://schema.org/DiscountOffer"> <meta itemprop="description" content="DESCRIPTION"/> <meta itemprop="discountCode" content="DISCOUNT_CODE"/> <meta itemprop="availabilityStarts" content="START_DATE_TIME"/> <meta itemprop="availabilityEnds" content="END_DATE_TIME"/> </div> </head> <body> // The message of your email. </body> </html>
다음 값을 바꿉니다. 모든 속성은 선택사항입니다. 각 속성을 사용하려면 값을 포함하거나 속성에서 속성을 생략할 수 있습니다. 생성합니다.
body
태그에 이메일 메시지를 작성합니다.
제품 캐러셀 만들기
제품 캐러셀에는 프로모션의 여러 이미지 미리보기가 표시됩니다(예: 있습니다.
캐러셀에는 최대 10개의 이미지 미리보기를 포함할 수 있으며 각 이미지는 고유합니다.
제품 캐러셀을 만들려면 다음 단계를 따르세요.
- 마케팅 이메일 플랫폼에서 이메일을 만들고 이메일의 HTML을 엽니다. 있습니다
head
섹션에서script
태그를 추가합니다. 제품의 각 이미지 캐러셀,PromotionCard
추가 객체:JSON-LD
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <script type="application/ld+json"> [ // Build the first image preview in your product carousel: { "@context": "http://schema.org/", "@type": "PromotionCard", "image": "IMAGE_URL1", "url": "PROMO_URL1", // Optionally, include the following PromotionCard properties: "headline": "HEADLINE1", "price": PRICE1, "priceCurrency": "PRICE_CURRENCY1", "discountValue": DISCOUNT_VALUE1, "position": POSITION }, // Build the second image preview in your product carousel: { "@context": "http://schema.org/", "@type": "PromotionCard", "image": "IMAGE_URL2", "url": "PROMO_URL2", // Optionally, include the following PromotionCard properties: "headline": "HEADLINE2", "price": PRICE2, "priceCurrency": "PRICE_CURRENCY2", "discountValue": DISCOUNT_VALUE2, "position": POSITION } // To include more image previews, add additional PromotionCard objects. // You can include up to 10 image previews in a product carousel. ] </script> </head> <body> // The message of your email </body> </html>
마이크로데이터
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> // Build the first image preview in your product carousel: <div itemscope itemtype="http://schema.org/PromotionCard"> <meta itemprop="image" content="IMAGE_URL1"/> <meta itemprop="url" content="PROMO_URL1"/> // Optionally, include the following PromotionCard properties: <meta itemprop="headline" content="HEADLINE1"/> <meta itemprop="price" content="PRICE1"/> <meta itemprop="priceCurrency" content="PRICE_CURRENCY1"/> <meta itemprop="discountValue" content="DISCOUNT_VALUE1"/> <meta itemprop="position" content="POSITION"/> </div> // Build the second image preview in your product carousel: <div itemscope itemtype="http://schema.org/PromotionCard"> <meta itemprop="image" content="IMAGE_URL2"/> <meta itemprop="url" content="PROMO_URL2"/> // Optionally, include the following PromotionCard properties: <meta itemprop="headline" content="HEADLINE2"/> <meta itemprop="price" content="PRICE2"/> <meta itemprop="priceCurrency" content="PRICE_CURRENCY2"/> <meta itemprop="discountValue" content="DISCOUNT_VALUE2"/> <meta itemprop="position" content="POSITION"/> </div> // To include more image previews, add additional PromotionCard objects. // You can include up to 10 image previews in a product carousel. </head> <body> // The message of your email </body> </html>
각
PromotionCard
객체에 대해 다음 값을 바꿉니다. 대상 값을 포함하거나 속성을 생략할 수 있습니다. 추출해야 합니다.IMAGE_URL
: 이미지의 URL PNG 또는 JPEG 형식(예:https://www.example.com/image.png
) 이 지원되는 가로세로 비율은 4:5, 1:1, 1.91:1입니다. 대상 제품 캐러셀을 사용하려면 각 이미지는 고유한 URL이 있어야 하고 가로세로 비율PROMO_URL
: 프로모션의 URL입니다. 날짜 사용자가 프로모션 탭에서 이미지를 클릭하면 이 URL을 방문합니다.HEADLINE
(선택사항): 1~2줄 설명 프로모션의 '예'를 입력합니다.PRICE
(선택사항): 프로모션의 가격입니다.PRICE_CURRENCY
(선택사항): 가격(3자리) ISO 4217 형식(예:USD
)price
DISCOUNT_VALUE
(선택사항): 금액price
에서 차감되어 조정된 가격을 표시합니다. 조정된 가격이 원래 가격 옆에 표시됩니다.예를 들어
discountValue
가25
이면price
은100
입니다.priceCurrency
이(가)USD
인 경우 조정된 가격이$75
로 표시됩니다.POSITION
(선택사항): 카드의 위치 표시됩니다.
body
태그에 이메일 메시지를 작성합니다.