تنسيق AMP للبريد الإلكتروني

تمثل AMP تقنية تختص بتطوير صفحات ويب فائقة السرعة لعملاء الأجهزة المحمولة. وتعد AMP مجموعة من علامات HTML المدعومة بـ JavaScript والتي تتيح الوظائف بسهولة مع التركيز الإضافي على الأداء والأمان. ويوجد مكونات AMP لكل شيء بدء من وحدات العرض الدوار، ومرورًا بعناصر نماذج الاستجابة، وحتى استلام محتوى حديث من نقاط النهاية البعيدة.

يوفر تنسيق AMP للبريد الإلكتروني مجموعة فرعية من مكونات AMP التي يمكنك استخدامها في رسائل البريد الإلكتروني. ويمكن لمستلمي رسائل AMP الإلكترونية عرض مكونات AMP والتفاعل معها مباشرة في البريد الإلكتروني.

لغة الترميز المطلوبة

يمثل الرمز التالي أدنى مقدار من لغة الترميز التي تشكل رسالة AMP إلكترونية:

<!DOCTYPE html>
<html ⚡4email>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

يجب ما يلي بالنسبة لرسالة AMP الإلكترونية

تبدأ بنوع مستند <!doctype html>. 🔗
تحتوي على علامة <html ⚡4email> عالية المستوى (يتم قبول <html amp4email> أيضًا). 🔗
تحتوي على علامات <head> و<body> (وهي اختيارية في HTML). 🔗
تحتوي على علامة <meta charset="utf-8"> كفرع أول لعلامة الرأس الخاصة بها. 🔗
تحتوي على علامة <script async src="https://cdn.ampproject.org/v0.js"></script> داخل علامة الرأس الخاصة بها. 🔗
تحتوي على القالب الأساسي amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) داخل علامة الرأس الخاصة بها لإخفاء المحتوى مبدئيًا حتى يتم تحميلAMP JS. 🔗

يجب ألا تتجاوز لغة ترميز AMPHTML بأكملها حجم 200000 بايت.

الهيكل والعرض

يعتمد AMP للبريد الإلكتروني على النوع الفرعي multipart/alternative من MIME، كما هو محدد في RFC 1521، القسم 7.2.3.

لمزيد من المعلومات، راجع الهيكل والعرض لرسائل AMP الإلكترونية.

مكونات AMP المدعومة

راجع المكونات المدعومة مع AMP للبريد الإلكتروني.

متطلباتHTML

راجع HTML المدعوم في AMP للبريد الإلكتروني.

متطلبات CSS

المحددات والخواص المدعومة

راجع CSS المدعومة في AMP للبريد الإلكتروني.

تحديد CSS في مستند AMP

جميع CSS في أي مستند AMP يجب تضمينها في علامة <style amp-custom> داخل الرأس أو كسمة style مدمجة.

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

ملاحظة: لا يمكن أن تتجاوز علامة <style> بأكملها حجم 50000 بايت. سوف تفحص أداة التدقيق هذا الأمر.

أبعاد المستند

العرض المثالي: 800 بكسل أو أقل (أي مستند ومحتوى أعرض قد يتم اقتصاصة بشكل غير متوقع على بعض العملاء).
الارتفاع: متغير، يسمح العميل للمستخدم بالتمرير عبر المحتوى.

التحقق من الصحة

للتأكد من أن رسائلك الإلكترونية تستوفي المعايير الصارمة لتنسيق AMP للبريد الإلكتروني، يمكنك استخدام أدوات التحقق الموجودة من AMP.

راجع التحقق من AMP للبريد الإلكتروني لمزيد من المعلومات.

الخصوصية والأمان

تتبع فتح البريد الإلكتروني والتفاعل

يسمح AMPHTML بتتبع فتح البريد الإلكتروني باستخدام تقنيات تتبع البكسل، بنفس الطريقة مع رسائل HTML الإلكترونية العادية. وسوف تشير أي طلبات يطلقها المستخدم للبيانات من خدمات خارجية أيضًا إلى أن المستخدم يتفاعل مع الرسالة. قد يوفر عملاء البريد الإلكتروني للمستخدمين القدرة على تعطيل تحميل الصور عن بعد والطلبات الخارجية الأخرى.

التحليلات الخاصة بـ AMP

لا يتم دعم تقنيات التحليل الخاصة بـ AMP التالية:

الاعتبارات الخاصة بالمكون

يمكن أن تشير طلبات الصور داخل <amp-carousel> أو <amp-accordion> للمرسل بأن المستخدم يتفاعل مع الرسالة.

غير مسموح بعمليات إعادة التوجيه في <amp-form> في وقت التشغيل.

التعقيبات والدعم

للحصول على دعم وتقديم تعقيبات بشأن AMP للبريد الإلكتروني، يرجى استخدام القناة التالية: المشاركة المستمرة