프로모션 탭에서 이메일에 주석 추가

이메일 주석을 사용하면 이미지, 특가, 만료일과 같은 기능을 통해 프로모션 탭의 이메일 메시지에 생동감을 불어넣을 수 있습니다.

이메일에 주석을 추가하면 Gmail 사용자가 프로모션을 보고 상호작용할 수 있습니다. 직접 관리할 수 있습니다. 사용자는 프로모션 탭에서 주석이 달린 텍스트나 이미지를 사용해 프로모션에 대해 자세히 알아볼 수 있습니다. 이메일을 엽니다.

이 페이지에서는 다음을 사용하여 이메일에 주석을 추가하는 방법을 설명합니다. JSON-LD마이크로데이터. 받는사람 이메일 마크업에 대해 자세히 알아보려면 시작 가이드 마크업 목록 확인 이메일 주석에 사용할 수 있는 입력란에 대한 자세한 내용은 다음 페이지를 참조하세요. 참조 문서를 확인하세요.

이메일 주석 작성

이메일에 주석을 달아 프로모션 탭에 다음 기능을 표시할 수 있습니다.

다음 섹션에서는 각 유형의 이메일 주석을 만드는 방법을 설명합니다.

거래 주석 만들기

거래 주석은 프로모션에 대한 텍스트 기반 세부정보를 표시합니다(예: 프로모션 코드 또는 만료일이 있습니다.

거래 주석을 만드는 방법은 다음과 같습니다.

  1. 마케팅 이메일 플랫폼에서 이메일을 만들고 이메일의 HTML을 엽니다. 있습니다
  2. 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>
    

    다음 값을 바꿉니다. 모든 속성은 선택사항입니다. 각 속성을 사용하려면 값을 포함하거나 속성에서 속성을 생략할 수 있습니다. 생성합니다.

    • DESCRIPTION (선택사항): 특가 배지(예: 20% off, Free shipping)
    • DISCOUNT_CODE (선택사항): 할인 또는 프로모션 코드 (예: 20TODAY)
    • START_DATE_TIME (선택사항): 혜택 시작까지 남은 시간: ISO 8601 형식(예: 2023-09-25T18:44:37-07:00)
    • END_DATE_TIME (선택사항): 프로모션 ISO 8601 형식(예: 2023-10-25T18:44:37-07:00)
  3. body 태그에 이메일 메시지를 작성합니다.

제품 캐러셀에는 프로모션의 여러 이미지 미리보기가 표시됩니다(예: 있습니다.

양말 특가의 이미지 미리보기 3개가 캐러셀이 표시된 프로모션 이메일

캐러셀에는 최대 10개의 이미지 미리보기를 포함할 수 있으며 각 이미지는 고유합니다.

제품 캐러셀을 만들려면 다음 단계를 따르세요.

  1. 마케팅 이메일 플랫폼에서 이메일을 만들고 이메일의 HTML을 엽니다. 있습니다
  2. 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에서 차감되어 조정된 가격을 표시합니다. 조정된 가격이 원래 가격 옆에 표시됩니다.

      예를 들어 discountValue25이면 price100입니다. priceCurrency이(가) USD인 경우 조정된 가격이 $75로 표시됩니다.

    • POSITION (선택사항): 카드의 위치 표시됩니다.

  3. body 태그에 이메일 메시지를 작성합니다.

다음 단계

  • 자세한 내용은 참조 문서를 확인하세요. 이메일 마크업 필드를 확인할 수 있습니다
  • 이메일 권장사항에 대해 알아보기 주석을 달 수 있습니다.