E-posta ek açıklamaları, Tanıtımlar sekmesindeki e-posta iletilerine resimler, fırsatlar ve son kullanma tarihleri gibi özelliklerle hayat verir.
E-postalara ek açıklama eklediğinizde Gmail kullanıcıları, tanıtımlarınızı doğrudan gelen kutularından görüntüler ve tanıtımlarınızla etkileşimde bulunur. Kullanıcılar, Promosyonlar sekmesinde ek açıklamalı metni veya resmi tıklayarak e-postayı açmaya gerek kalmadan promosyon hakkında daha fazla bilgi edinebilir.
Bu sayfada, JSON-LD ve Mikro veriler'i kullanarak e-postalara nasıl ek 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
Tanıtımlar sekmesinde aşağıdaki özellikleri göstermek için e-postalara not ekleyebilirsiniz:
Aşağıdaki bölümlerde, her bir e-posta ek açıklaması türünün nasıl oluşturulacağı açıklanmaktadır.
Anlaşma notu oluşturma
Fırsat ek açıklamaları, bir promosyonla ilgili promosyon kodu veya geçerlilik bitiş tarihi gibi metne dayalı ayrıntıları gösterir.
Anlaşma notu 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ünde,DiscountOffer
veri türünü içeren birscript
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 veriler
<!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 özellik için bir değer ekleyebilir veya özelliği kodunuzdan çıkarabilirsiniz.
DESCRIPTION
(İsteğe bağlı):20% off
veyaFree shipping
gibi anlaşma rozetiyle gösterilen metin.DISCOUNT_CODE
(İsteğe bağlı): Teklifin indirim veya promosyon kodudur (ör.20TODAY
).START_DATE_TIME
(İsteğe bağlı): Teklifin ISO 8601 biçiminde başladığı tarih ve saat (ör.2023-09-25T18:44:37-07:00
).END_DATE_TIME
(İsteğe bağlı): Promosyonun ISO 8601 biçimindeki bitiş tarihi ve saati (ör.2023-10-25T18:44:37-07:00
).
body
etiketine e-postanızın mesajını yazın.
Ürün bandı oluşturma
Ürün bantları, bir promosyon için birden fazla resim önizlemesi gösterir. Örneğin:
Bir banta 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ünde, birscript
etiketi ekleyin. Ürün bantınızdaki her resim için birPromotionCard
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 veriler
<!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
: Resminizin PNG veya JPEG biçimindeki URL'si (ör.https://www.example.com/image.png
). Desteklenen en boy oranları 4:5, 1:1, 1,91:1'dir. Ürün bantları için her resmin benzersiz bir URL'si ve aynı en boy oranını kullanması gerekir.PROMO_URL
: Promosyonun URL'si. Kullanıcılar, Tanıtımlar sekmesinde resmi tıkladığında bu URL'yi ziyaret eder.HEADLINE
(İsteğe bağlı): Promosyonun önizleme resminin altında gösterilen 1-2 satırlık açıklaması.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ş fiyatı görüntülemek içinprice
para biriminden düşülen tutar. Düzenlenen fiyat orijinal fiyatın yanında gösterilir.Örneğin,
discountValue
25
,price
100
vepriceCurrency
USD
ise düzenlenen fiyat$75
olarak gösterilir.POSITION
(İsteğe bağlı): Kartın banttaki konumu.
body
etiketine 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.