ایمیل ها را در برگه تبلیغات حاشیه نویسی کنید

حاشیه‌نویسی ایمیل، پیام‌های ایمیل موجود در تب تبلیغات را با ویژگی‌هایی مانند تصاویر، معاملات و تاریخ انقضا، زنده می‌کند.

وقتی ایمیل‌ها را حاشیه‌نویسی می‌کنید، کاربران جیمیل مستقیماً از صندوق ورودی خود، تبلیغات شما را مشاهده و با آنها تعامل می‌کنند. از طریق تب تبلیغات، کاربران می‌توانند بدون نیاز به باز کردن ایمیل، روی متن یا تصویر حاشیه‌نویسی شده کلیک کنند تا درباره تبلیغات بیشتر بدانند.

این صفحه نحوه حاشیه‌نویسی ایمیل‌ها با استفاده از JSON-LD و Microdata را توضیح می‌دهد. برای کسب اطلاعات بیشتر در مورد نشانه‌گذاری ایمیل، راهنمای شروع به کار را مرور کنید. برای مشاهده لیستی از فیلدهای نشانه‌گذاری که می‌توانید در حاشیه‌نویسی ایمیل استفاده کنید، به مستندات مرجع مراجعه کنید.

ساخت حاشیه‌نویسی ایمیل

شما می‌توانید ایمیل‌ها را برای نمایش ویژگی‌های زیر در تب Promotions حاشیه‌نویسی کنید:

بخش‌های بعدی نحوه ایجاد هر نوع حاشیه‌نویسی ایمیل را توضیح می‌دهند.

اسلایدرهای محصولات، پیش‌نمایش‌های متعددی از تصاویر را برای یک تبلیغ نمایش می‌دهند، مانند موارد زیر:

یک ایمیل تبلیغاتی که یک چرخ فلک از سه تصویر پیش‌نمایش از معاملات جوراب را نمایش می‌دهد.

شما می‌توانید تا ۱۰ پیش‌نمایش تصویر را در یک چرخ و فلک قرار دهید و هر تصویر باید منحصر به فرد باشد.

برای ایجاد یک اسلایدر محصول:

  1. در پلتفرم ایمیل مارکتینگ خود، یک ایمیل ایجاد کنید و ویرایشگر HTML ایمیل را باز کنید.
  2. در بخش head ، یک تگ script اضافه کنید. برای هر تصویر در carousel محصول خود، یک شیء 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 : آدرس اینترنتی تصویر شما با فرمت PNG یا JPEG، مانند https://www.example.com/image.png . نسبت‌های ابعاد پشتیبانی‌شده ۴:۵، ۱:۱، ۱.۹۱:۱ هستند. برای اسلایدرهای محصول، هر تصویر باید یک URL منحصر به فرد داشته باشد و از نسبت ابعاد یکسانی استفاده کند.

    • PROMO_URL : آدرس اینترنتی (URL) مربوط به تبلیغات. وقتی کاربران روی تصویر از تب تبلیغات کلیک می‌کنند، از این آدرس اینترنتی (URL) بازدید می‌کنند.

    • HEADLINE (اختیاری): توضیحی ۱ تا ۲ خطی از تبلیغ که در زیر تصویر پیش‌نمایش نمایش داده می‌شود.

    • PRICE (اختیاری): قیمت تبلیغ.

    • PRICE_CURRENCY (اختیاری): واحد پول قیمت در قالب ۳ حرفی ISO 4217 ، مانند USD . نماد ارزی که با price نمایش داده می‌شود را تعیین می‌کند.

    • DISCOUNT_VALUE (اختیاری): مبلغی که از price کسر می‌شود تا قیمت اصلاح‌شده نمایش داده شود. قیمت اصلاح‌شده در کنار قیمت اصلی نمایش داده می‌شود.

      برای مثال، اگر discountValue 25 ، price 100 و priceCurrency USD باشد، قیمت تعدیل‌شده $75 نمایش داده می‌شود.

    • POSITION (اختیاری): موقعیت کارت در چرخ فلک.

  3. در تگ body ، پیام ایمیل خود را بنویسید.

ایجاد پیش‌نمایش تصویر واحد

حاشیه‌نویسی‌های پیش‌نمایش تک‌تصویری، یک تصویر را برای نمایش یک محصول مهم در تب تبلیغات جیمیل نمایش می‌دهند، مانند موارد زیر:

یک ایمیل تبلیغاتی که تصویری از کفش‌ها، نشان تخفیف ۲۰ درصدی و کد تخفیف ۲۰TODAY را نمایش می‌دهد.

شما می‌توانید از این ویژگی برای یک تصویر واحد استفاده کنید. همه گیرندگان باید تصویر و URL تصویر یکسانی را دریافت کنند. برای اطلاعات بیشتر به مستندات سوالات متداول ما مراجعه کنید.

برای ایجاد پیش‌نمایش تکی از تصویر:

  1. در پلتفرم ایمیل مارکتینگ خود، یک ایمیل ایجاد کنید و ویرایشگر HTML ایمیل را باز کنید.
  2. در بخش head ، یک تگ script اضافه کنید که شامل نوع داده 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>
    

    میکرودیتا

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

    مقادیر زیر را جایگزین کنید. برای ویژگی‌های اختیاری، می‌توانید یک مقدار را وارد کنید یا ویژگی را از کد خود حذف کنید.

    • IMAGE_URL : آدرس اینترنتی تصویر پیش‌نمایش با فرمت PNG یا JPEG، مانند https://www.example.com/image.png . نسبت ابعاد پشتیبانی‌شده ۱.۹۱:۱ است.

    • PROMO_URL : وقتی کاربران روی image کلیک می‌کنند، URL ای که به تبلیغ هدایت می‌شود.

    • HEADLINE (اختیاری): توضیحی ۱ تا ۲ خطی از تبلیغ که در زیر تصویر پیش‌نمایش نمایش داده می‌شود.

    • PRICE (اختیاری): قیمت تبلیغ.

    • PRICE_CURRENCY (اختیاری): واحد پول قیمت در قالب ۳ حرفی ISO 4217 ، مانند USD . نماد ارزی که با price نمایش داده می‌شود را تعیین می‌کند.

    • DISCOUNT_VALUE (اختیاری): مبلغی که از price کسر می‌شود تا قیمت اصلاح‌شده نمایش داده شود. قیمت اصلاح‌شده در کنار قیمت اصلی نمایش داده می‌شود.

      برای مثال، اگر discountValue 25 ، price 100 و priceCurrency USD باشد، قیمت تعدیل‌شده $75 نمایش داده می‌شود.

  3. در تگ body ، پیام ایمیل خود را بنویسید.

ایجاد حاشیه‌نویسی معامله

با یک یادداشت تخفیف، ایمیل خود را متمایز کنید. این ویژگی یک نشان تبلیغاتی را مستقیماً به ایمیل شما در صندوق ورودی اضافه می‌کند و اطلاعات کلیدی - مانند کد تخفیف یا جزئیات پیشنهاد - را درست در کنار موضوع ایمیل شما نمایش می‌دهد.

یک ایمیل تبلیغاتی که پیش‌نمایشی از یک نشان تخفیف ۲۰٪ و کد تخفیف ۲۰TODAY را نشان می‌دهد.

برای فعال کردن قابلیت Deal Annotation، مراحل زیر را دنبال کنید:

  1. طرحواره را به HTML ایمیل خود اضافه کنید : در پلتفرم ایمیل بازاریابی خود، ویرایشگر 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>
    
  2. ویژگی‌های حاشیه‌نویسی معامله را سفارشی کنید : مقادیر موجود در اسکریپت را برای مطابقت با تبلیغ خاص خود به‌روزرسانی کنید.

    ویژگی‌های مورد نیاز: برای ایجاد یک Deal Annotation باید حداقل یکی از ویژگی‌های زیر را وارد کنید.

    • DESCRIPTION : خلاصه‌ای کوتاه و جذاب از پیشنهاد شما.

      • مثال: «۲۰٪ تخفیف در کل سایت» یا «یکی بخر، یکی رایگان».
    • DISCOUNT_CODE : کد تخفیفی که کاربر باید هنگام پرداخت اعمال کند.

      • مثال: 20امروز.
    • END_DATE_TIME : تاریخ و زمان پایان تبلیغ در قالب ISO 8601 .

      • مثال: ‎2025-09-23T18:44:37-07:00‎.

    خواص بسیار توصیه شده:

    • START_DATE_TIME : تاریخ و زمان شروع تبلیغات در قالب ISO 8601 .

      • مثال: ‎2025-08-24T18:44:37-07:00‎.
  3. پیام ایمیل خود را بنویسید : در تگ <body> ، پیام را بنویسید و طرح‌بندی ایمیل خود را طبق معمول طراحی کنید.

  4. اعتبارسنجی و پیش‌نمایش کارت خود : قبل از ارسال کمپین، کد خود را اعتبارسنجی کنید و پیش‌نمایشی از نحوه نمایش توضیحات معامله خود را مشاهده کنید.

یک کارت معامله ایجاد کنید

کارت‌های تخفیف، خلاصه‌های بصری از پیشنهادات شما هستند که توسط جیمیل تولید می‌شوند. آن‌ها می‌توانند در تب پیشنهادات و درون خود ایمیل نمایش داده شوند و به پیشنهادات شما حداکثر دیده شدن را بدهند.

یک ایمیل تبلیغاتی که پیش‌نمایشی از یک خودروی تخفیف‌دار با ۲۵٪ تخفیف و کد تخفیف MAY2024 را ارائه می‌دهد.

برای فعال کردن کارت‌های تخفیف، مراحل زیر را دنبال کنید:

  1. طرحواره را به HTML ایمیل خود اضافه کنید : در پلتفرم ایمیل بازاریابی خود، ویرایشگر 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"
            "offerPageUrl": "OFFER_PAGE_URL"
            "merchantHomepageUrl": "MERCHANT_HOMEPAGE_URL"
          }]
        </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"/>
          <meta itemprop="offerpageurl" content="OFFER_PAGE_URL"/>
          <meta itemprop="merchantHomepageUrl" content="MERCHANT_HOMEPAGE_URL"/>
        </div>
      </head>
    
      <body>
        // The message of your email.
      </body>
    </html>
    
  2. ویژگی‌های کارت تخفیف را سفارشی کنید : مقادیر موجود در اسکریپت را برای مطابقت با تبلیغات خاص خود به‌روزرسانی کنید.

    خواص مورد نیاز:

    • DESCRIPTION : خلاصه‌ای کوتاه و جذاب از پیشنهاد شما.

      • مثال: «۲۰٪ تخفیف در کل سایت» یا «یکی بخر، یکی رایگان».
    • حداقل یکی از URL های زیر: توصیه می‌کنیم URL صفحه پیشنهاد را ارائه دهید.

      • OFFER_PAGE_URL : آدرس اینترنتی (URL) برای این صفحه فرود پیشنهاد ویژه. این دکمه یک دکمه "همین حالا خرید کنید" (یا مشابه آن) روی کارت تخفیف ایجاد می‌کند. اگر این گزینه ارائه شود، ما آدرس اینترنتی صفحه پیشنهاد را ترجیح می‌دهیم.

      • MERCHANT_HOMEPAGE_URL : فقط در صورتی که صفحه پیشنهاد ویژه در دسترس نباشد از این استفاده کنید. این به صفحه اصلی شما پیوند می‌دهد.

    خواص بسیار توصیه شده:

    • DISCOUNT_CODE : کد تخفیفی که کاربر باید هنگام پرداخت اعمال کند.

      • مثال: 20امروز.
    • START_DATE_TIME : تاریخ و زمان شروع تبلیغات در قالب ISO 8601 .

      • مثال: ‎2025-08-24T18:44:37-07:00‎.
    • END_DATE_TIME : تاریخ و زمان پایان تبلیغ در قالب ISO 8601 .

      • مثال: ‎2025-09-23T18:44:37-07:00‎.
  3. پیام ایمیل خود را بنویسید : در تگ <body> ، پیام را بنویسید و طرح‌بندی ایمیل خود را طبق معمول طراحی کنید.

  4. اعتبارسنجی و پیش‌نمایش کارت خود : قبل از ارسال کمپین، کد خود را اعتبارسنجی کنید و پیش‌نمایشی از نحوه نمایش توضیحات معامله خود را مشاهده کنید.

مراحل بعدی