Bu sayfa, Cloud Translation API ile çevrilmiştir.

Tanıtımlar sekmesinde e-postalara ek açıklama ekleme

E-posta ek açıklamaları, Promosyonlar sekmesindeki e-posta iletilerini resimler, fırsatlar ve son kullanma tarihleri gibi özelliklerle daha ilgi çekici hale getirir.

E-postalara ek açıklamalar eklediğinizde Gmail kullanıcıları, promosyonlarınızı doğrudan gelen kutularından görüntüleyip bunlarla etkileşime geçebilir. Kullanıcılar, e-postayı açmak zorunda kalmadan promosyon hakkında daha fazla bilgi edinmek için Promosyonlar sekmesinde açıklama eklenmiş metni veya resmi tıklayabilir.

Bu sayfada, JSON-LD ve Microdata kullanarak e-postalara nasıl açıklama ekleneceği açıklanmaktadır. E-posta işaretleme hakkında daha fazla bilgi edinmek için Başlangıç kılavuzunu inceleyin. E-posta ek açıklamalarında kullanabileceğiniz işaretleme alanlarının listesi için referans dokümanlarını ziyaret edin.

E-posta ek açıklamaları oluşturma

E-postalara ek açıklamalar ekleyerek Promosyonlar sekmesinde aşağıdaki özellikleri gösterebilirsiniz:

Fırsat notları
Ürün dönen öğeleri
Tek resim önizlemesi

Aşağıdaki bölümlerde her e-posta notu türünün nasıl oluşturulacağı açıklanmaktadır.

Fırsat notu oluşturma

Fırsat ek açıklamalarında, promosyon kodu veya son kullanma tarihi gibi promosyonla ilgili metin tabanlı ayrıntılar gösterilir.

Fırsat ek açıklaması oluşturmak için:

Pazarlama e-posta platformunuzda bir e-posta oluşturun ve e-postanın HTML düzenleyicisini açın.

head bölümüne, veri türünü içeren bir script etiketi ekleyin 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>

Mikro veri

<!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>

Aşağıdaki değerleri değiştirin. Tüm özellikler isteğe bağlıdır. Her mülk için bir değer ekleyebilir veya mülkü kodunuzdan çıkarabilirsiniz.

DESCRIPTION (İsteğe bağlı): Fırsat rozetiyle birlikte gösterilen metin (ör. 20% off veya Free shipping).
DISCOUNT_CODE (İsteğe bağlı): Teklifle ilgili indirim veya promosyon kodu (ör. 20TODAY).
START_DATE_TIME (İsteğe bağlı): Teklifin başladığı tarih ve saat (ISO 8601 biçiminde) Örneğin: 2023-09-25T18:44:37-07:00.
END_DATE_TIME (İsteğe bağlı): Promosyonun 2023-10-25T18:44:37-07:00 gibi ISO 8601 biçimindeki bitiş tarihi ve saati.

body etiketinde e-postanızın mesajını yazın.

Ürün bantı oluşturma

Ürün bantlarında, tanıtımla ilgili birden fazla resim önizlemesi gösterilir. Örneğin:

Çorap fırsatlarının üç resim önizlemesinin yer aldığı bir bant gösteren tanıtım amaçlı e-posta.

Bir ruloya en fazla 10 resim önizlemesi ekleyebilirsiniz ve her resim benzersiz olmalıdır.

Ürün bandı oluşturmak için:

Pazarlama e-posta platformunuzda bir e-posta oluşturun ve e-postanın HTML düzenleyicisini açın.

head bölümüne bir script etiketi ekleyin. Ürün resim bandınızdaki her resim için bir PromotionCard nesnesi ekleyin:

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>

Mikro veri

<!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>

Her PromotionCard nesnesi için aşağıdaki değerleri değiştirin. İsteğe bağlı özellikler için bir değer ekleyebilir veya özelliği kodunuzdan çıkarabilirsiniz.

IMAGE_URL: PNG veya JPEG biçimindeki resminizin URL'si (ör. https://www.example.com/image.png). Desteklenen en boy oranları 4:5, 1:1 ve 1.91:1'dir. Ürün bantlarında her resmin benzersiz bir URL'si olmalı ve aynı en boy oranı kullanılmalıdır.
PROMO_URL: Promosyonun URL'si. Kullanıcılar, Promosyonlar sekmesindeki resmi tıkladığında bu URL'yi ziyaret eder.
HEADLINE (İsteğe bağlı): Önizleme resminin altında gösterilen, promosyonun 1-2 satırlık açıklaması.
PRICE (İsteğe bağlı): Promosyonun fiyatı.
PRICE_CURRENCY (İsteğe bağlı): Fiyatın para birimi, 3 harfli USD gibi ISO 4217 biçiminde olmalıdır. price ile birlikte gösterilen para birimi simgesini belirler.
DISCOUNT_VALUE (İsteğe bağlı): Düzenlenmiş bir fiyat göstermek için price değerinden çıkarılan tutar. Ayarlanan fiyat, orijinal fiyatın yanında gösterilir.

Örneğin, discountValue değeri 25, price değeri 100 ve priceCurrency değeri USD ise ayarlanmış fiyat $75 olarak gösterilir.
POSITION (İsteğe bağlı): Kartın banttaki konumu.

body etiketinde e-postanızın mesajını yazın.

Tek bir resim önizlemesi oluşturma

Tek resimli önizleme ek açıklamaları, Gmail'deki Tanıtımlar sekmesinde önemli bir ürünü sergilemek için tek bir resim gösterir. Örneğin:

Ayakkabı resminin, %20 indirim rozetinin ve 20TODAY promosyon kodunun gösterildiği bir tanıtım e-postası

Bu özelliği tek bir resim için kullanabilirsiniz. Tüm alıcılar aynı resmi ve resim URL'sini almalıdır. Daha fazla bilgi için sık sorulan sorular dokümanlarımızı inceleyin.

Tek resim önizlemesi oluşturmak için:

Pazarlama e-postası platformunuzda bir e-posta oluşturun ve e-postanın HTML düzenleyicisini açın.

head bölümüne, veri türünü içeren bir script etiketi ekleyin PromotionCard:

JSON-LD

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <script type="application/ld+json">
      [{
        "@context": "http://schema.org/",
        "@type": "PromotionCard",
        "image": "IMAGE_URL",
        "url": "PROMO_URL",

        // Optionally, include the following PromotionCard properties:
        "headline": "HEADLINE",
        "price": PRICE,
        "priceCurrency": "PRICE_CURRENCY",
        "discountValue": DISCOUNT_VALUE
      }]
    </script>
  </head>

  <body>
    // The message of your email
  </body>
</html>

Mikro veri

<!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_URL"/>
      <meta itemprop="url" content="PROMO_URL"/>

      // Optionally, include the following PromotionCard properties:
      <meta itemprop="headline" content="HEADLINE"/>
      <meta itemprop="price" content="PRICE"/>
      <meta itemprop="priceCurrency" content="PRICE_CURRENCY"/>
      <meta itemprop="discountValue" content="DISCOUNT_VALUE"/>
    </div>

  </head>

  <body>
    // The message of your email
  </body>
</html>

Aşağıdaki değerleri değiştirin. İsteğe bağlı özellikler için bir değer ekleyebilir veya özelliği kodunuzdan çıkarabilirsiniz.

IMAGE_URL: PNG veya JPEG biçimindeki önizleme resminin URL'si (ör. https://www.example.com/image.png). Desteklenen en boy oranı 1,91:1'dir.
PROMO_URL: Kullanıcılar image simgesini tıkladığında promosyona yönlendiren URL.
HEADLINE (İsteğe bağlı): Önizleme resminin altında gösterilen, promosyonun 1-2 satırlık açıklaması.
PRICE (İsteğe bağlı): Promosyonun fiyatı.
PRICE_CURRENCY (İsteğe bağlı): Fiyatın para birimi, 3 harfli USD gibi ISO 4217 biçiminde olmalıdır. price ile birlikte gösterilen para birimi simgesini belirler.
DISCOUNT_VALUE (İsteğe bağlı): Düzenlenmiş bir fiyat göstermek için price değerinden çıkarılan tutar. Ayarlanan fiyat, orijinal fiyatın yanında gösterilir.

Örneğin, discountValue değeri 25, price değeri 100 ve priceCurrency değeri USD ise ayarlanmış fiyat $75 olarak gösterilir.

body etiketinde e-postanızın mesajını yazın.

Sonraki adımlar

Kullanılabilir e-posta işaretleme alanları hakkında bilgi edinmek için referans belgelerini inceleyin.
E-posta ek açıklamalarıyla ilgili en iyi uygulamalar hakkında bilgi edinin.

Tanıtımlar sekmesinde e-postalara ek açıklama ekleme Koleksiyonlar ile düzeninizi koruyun İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.

E-posta ek açıklamaları oluşturma

Fırsat notu oluşturma

JSON-LD

Mikro veri

Ürün bantı oluşturma

JSON-LD

Mikro veri

Tek bir resim önizlemesi oluşturma

JSON-LD

Mikro veri

Sonraki adımlar

Tanıtımlar sekmesinde e-postalara ek açıklama ekleme