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, promosyon hakkında daha fazla bilgi edinmek için e-postayı açmak zorunda kalmadan 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 belgelerini ziyaret edin.

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

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

Ürün bandı oluşturma
Tek resim önizlemesi oluşturma
Fırsat notu oluşturma
Fırsat kartı oluşturma

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

Ü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 karuseli 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, tanıtımla ilgili 1-2 satırlık açıklama.
PRICE (İsteğe bağlı): Promosyonun fiyatı.
PRICE_CURRENCY (İsteğe bağlı): Fiyatın 3 harfli ISO 4217 biçimindeki para birimi (ör. USD). 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 düzenlenen 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 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 tanıtıma yönlendiren URL.
HEADLINE (İsteğe bağlı): Önizleme resminin altında gösterilen, tanıtımla ilgili 1-2 satırlık açıklama.
PRICE (İsteğe bağlı): Promosyonun fiyatı.
PRICE_CURRENCY (İsteğe bağlı): Fiyatın 3 harfli ISO 4217 biçimindeki para birimi (ör. USD). 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 düzenlenen fiyat $75 olarak gösterilir.

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

Fırsat notu oluşturma

Fırsat notu ile e-postanızın dikkat çekmesini sağlayın. Bu özellik, gelen kutusundaki e-postanıza doğrudan bir promosyon rozeti ekler. Bu rozet, konu satırınızın hemen yanında indirim kodu veya teklif ayrıntıları gibi önemli bilgileri gösterir.

%20 indirimli fırsat rozetinin ve 20TODAY promosyon kodunun önizlemesini içeren bir tanıtım e-postası.

Fırsat Notu'nu etkinleştirmek için aşağıdaki adımları uygulayın:

Şemayı e-postanızın HTML'sine ekleyin: Pazarlama e-posta platformunuzda kampanyanızın HTML düzenleyicisini açın. head bölümünde, aşağıdaki yapıya sahip DiscountOffer veri türünü içeren bir script etiketi ekleyin:

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>

Fırsat notu özelliklerini özelleştirin: Komut dosyasındaki değerleri, promosyonunuza uyacak şekilde güncelleyin.

Zorunlu değerler: Fırsat notu oluşturmak için örnek kodda aşağıdaki değişkenlerden en az birini değiştirin.
- DESCRIPTION: Teklifinizin kısa ve ilgi çekici bir özeti.
  - Örnek: "Tüm ürünlerde% 20 indirim" veya "Bir alana bir bedava".
- DISCOUNT_CODE: Kullanıcının ödeme sırasında uygulaması gereken promosyon kodu.
  - Örnek: 20TODAY.
- END_DATE_TIME: Promosyonun ISO 8601 biçimindeki bitiş tarihi ve saati.
  - Örnek: 2025-09-23T18:44:37-07:00.
Önemle tavsiye edilen özellikler:
- START_DATE_TIME: Promosyonun ISO 8601 biçimindeki başlangıç tarihi ve saati.
  - Örnek: 2025-08-24T18:44:37-07:00.
E-posta iletinizi yazın: <body> etiketinde iletiyi yazın ve e-postanızın düzenini normalde yaptığınız gibi tasarlayın.
Kartınızı doğrulayın ve önizleyin: Kampanyanızı göndermeden önce kodunuzu doğrulayın ve Fırsat Notu'nun nasıl görüneceğine dair bir önizleme görün.

Fırsat kartı oluşturma

Fırsat kartları, Gmail tarafından oluşturulan tanıtımlarınızın görsel özetleridir. Promosyonlar sekmesinde ve e-postanın kendisinde görünebilir. Böylece teklifleriniz maksimum görünürlük elde eder.

%25 indirimli bir fırsat aracı ve MAY2024 promosyon kodunu önizleyen bir promosyon e-postası.

Fırsat kartlarını etkinleştirmek için aşağıdaki adımları uygulayın:

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",
        "offerPageUrl": "OFFER_PAGE_URL",
        "merchantHomepageUrl": "MERCHANT_HOMEPAGE_URL"
      }]
    </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"/>
      <meta itemprop="offerpageurl" content="OFFER_PAGE_URL"/>
      <meta itemprop="merchantHomepageUrl" content="MERCHANT_HOMEPAGE_URL"/>
    </div>
  </head>

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

Fırsat kartı özelliklerini özelleştirme: Komut dosyasındaki değerleri, promosyonunuza uyacak şekilde güncelleyin.

Zorunlu değerler:
- DESCRIPTION: Teklifinizin kısa ve ilgi çekici bir özeti.
  - Örnek: "Tüm ürünlerde% 20 indirim" veya "Bir alana bir bedava".
- Aşağıdaki URL'lerden en az biri: Fırsat sayfası URL'si sağlamanızı öneririz.
  - OFFER_PAGE_URL: Bu belirli teklif için açılış sayfasının URL'si. Bu işlem, Fırsat Kartı'nda "Hemen satın alın" (veya benzeri) bir düğme oluşturur. Bu URL sağlandığında teklif sayfası URL'si tercih edilir.
  - MERCHANT_HOMEPAGE_URL: Bu özelliği yalnızca belirli bir teklif sayfası yoksa kullanın. Bu, ana ana sayfanıza bağlanır.
Önemle tavsiye edilen değerler:
- DISCOUNT_CODE: Kullanıcının ödeme sırasında uygulaması gereken promosyon kodu.
  - Örnek: 20TODAY.
- START_DATE_TIME: Promosyonun ISO 8601 biçimindeki başlangıç tarihi ve saati.
  - Örnek: 2025-08-24T18:44:37-07:00.
- END_DATE_TIME: Promosyonun ISO 8601 biçimindeki bitiş tarihi ve saati.
  - Örnek: 2025-09-23T18:44:37-07:00.
E-posta iletinizi yazın: <body> etiketinde iletiyi yazın ve e-postanızın düzenini normalde yaptığınız gibi tasarlayın.
Kartınızı doğrulayın ve önizleyin: Kampanyanızı göndermeden önce kodunuzu doğrulayın ve Fırsat Notu'nun nasıl görüneceğine dair bir önizleme görü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

Ürün bantı oluşturma

JSON-LD

Mikro veri

Tek bir resim önizlemesi oluşturma

JSON-LD

Mikro veri

Fırsat notu oluşturma

JSON-LD

Mikro veri

Fırsat kartı oluşturma

JSON-LD

Mikro veri

Sonraki adımlar

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