عنصر مخطط مسار التحويل

مخطط لمراحل متتالية في تسلسل مثل الزيارات ← التسجيلات ← المشتريات، تُقاس فيه كل مرحلة مقارنةً بالمرحلة التي بدأ بها التسلسل. وهو موجود للإجابة عن سؤال لا يستطيع المخطط الشريطي العادي الإجابة عنه: ليس حجم كل مرحلة فحسب، بل كم من الجمهور الأصلي وصل إلى هذه المرحلة.

آلية العمل

يرسم المخطط كل مرحلة تكتبها كشريط أفقي يضيق من اليسار إلى اليمين كلما انخفضت القيمة — وهي اللغة البصرية نفسها المستخدمة في مواضع أخرى من المنتج لمسارات التفاعل. ويُلوَّن بتدرّج ترتيبي (درجة لونية واحدة تتفاوت ظلالها بحسب موضع المرحلة)، لا بلوحة الألوان الفئوية التي تستخدمها المخططات الأخرى. ولهذا التمييز أهميته: فمرحلة مسار التحويل ليست هوية مستقلة مثل شريحة المخطط الدائري أو سلسلة المخطط الشريطي، بل موضع في تسلسل مرتّب، واللون يعبّر عن ذلك.

أسفل الصورة يوجد جدول البيانات المرئي دائمًا — وهو ليس اختياريًا أبدًا، لأنه ما يجعل العنصر قابلًا للاستخدام في تطبيقات البريد النصية فقط، وفي البريد الوارد الذي يحظر الصور، ومع قارئات الشاشة. ويحمل جدول مسار التحويل رقمين لا تُظهرهما الصورة وحدها:

• النسبة من المرحلة الأولى — قيمة هذه المرحلة كنسبة مئوية من المرحلة الأولى تمامًا، أي قراءة «كم تبقّى من الجمهور الأصلي».
• النسبة من المرحلة السابقة — قيمة هذه المرحلة كنسبة مئوية من المرحلة التي تسبقها مباشرة، أي التسرّب خطوة بخطوة الذي وُجد مسار التحويل لإبرازه.

ترتيب المراحل هو البيانات نفسها. ولأن معنى مسار التحويل يعتمد كليًا على الترتيب الذي كتبت به المراحل، فلا مجال لدمج مرحلة زائدة في فئة «أخرى» كما يفعل المخطط الدائري أو الخريطة الشجرية حين تنفد المساحة. فدمج مرحلتين معًا سيشوّه شكل التسلسل. وبدلًا من ذلك، بعد 8 مراحل، لا يُرسم ما يتجاوز الحد الأقصى ببساطة (ولا يُدرج في الجدول). وتُتخطّى التسمية الفارغة، أو القيمة التي يتعذّر تحليلها، أو القيمة السالبة كليًا — فمرحلة مسار التحويل لا يمكن أن تكون سالبة، ولذا تُعامَل القيمة التي تقلّ عن الصفر على أنها غير مُعبّأة بدلًا من أن تكون مرحلة حقيقية قيمتها صفر.

الحقول القابلة للضبط:

• عنوان المخطط — نص عنوان اختياري فوق المخطط.
• المراحل (بالترتيب) — قائمة الصفوف نفسها: تسمية المرحلة وقيمة رقمية لكل صف، تُكتب بترتيب تقدّم المراحل. ولا يوجد حقل لون لكل صف — فلون المرحلة يُشتقّ دائمًا من موضعها، ولا يُختار لكل صف على حدة.
• لون التدرّج — يستبدل الدرجة اللونية الأساسية للتدرّج الترتيبي؛ اتركه فارغًا لاستخدام لون العلامة التجارية للمشروع.
• لون الخلفية، والحشو، والحد، واستدارة الزوايا للبطاقة.
• لون/حجم العنوان ولون/حجم مفتاح المخطط — تنسيق نص العنوان ونص مفتاح المخطط والجدول أسفل الصورة.

إذا لم تُكتب أي مراحل بعد، يعرض العنصر عنوانه وإطار بطاقته مع إشعار بسيط «أضف صفًّا واحدًا من البيانات على الأقل لعرض هذا المخطط» مكان الصورة. وبذلك لا يظهر مخطط معطوب أو فارغ أبدًا في أثناء التحرير.

أمثلة

يمنح تقرير من التسجيل إلى الشراء (زار الموقع، سجّل، أضاف إلى السلة، اشترى) الفريقَ قراءة للتسرّب. ويمكن لرسالة دعم أو تهيئة أن تتتبّع مسار إعداد متعدد الخطوات (إنشاء الحساب ← إكمال الملف الشخصي ← أول مشروع ← دعوة زميل) لمعرفة الموضع الذي يتعثّر عنده المستخدمون الجدد بالضبط. ويمكن لفريق محتوى يدير ندوة عبر الإنترنت أن يرسم مخطط سجّل ← حضر ← طرح سؤالًا ← طلب متابعة، ليرى كم من قائمة التسجيل تفاعل فعلًا في البث المباشر.

كيف يبدو البديل الثابت

<div style="margin:12px 0;background-color:#ffffff;padding:16px">
  <p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Signup funnel</p>
  <img src="https://mailinapp.com/api/analytics/chart?d=eyJ0eXBlIjoi...&s=3f9a2b1c..." width="560" height="280"
       alt="Funnel: Visited 1,000 (100%) → Signed up 420 (42%) → Added to cart 180 (18%) → Purchased 95 (9.5%)" />
  <table style="width:100%;border-collapse:collapse;margin-top:4px">
    <tr>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Stage</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">Value</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">% of first</th>
      <th style="text-align:left;padding:4px 8px;font-weight:600">% of previous</th>
    </tr>
    <tr>
      <td style="padding:4px 8px">Signed up</td>
      <td style="padding:4px 8px">420</td>
      <td style="padding:4px 8px">42%</td>
      <td style="padding:4px 8px">42%</td>
    </tr>
  </table>
</div>

يحمل الوسم <img> وصفًا نصيًا كاملًا لكل مرحلة في نصه البديل alt، ويكرّر الجدول أسفله الأرقام نفسها بلغة HTML قابلة للتحديد — بما في ذلك عمود التسرّب الذي لا ترسمه الصورة نفسها.

انظر أيضًا

• عناصر التحليلات والمخططات — نظرة عامة على المجموعة، تغطي عناصر المخططات ومؤشرات الأداء الثلاث عشرة كلها
• ربط المخططات ببيانات حقيقية — وحدها بطاقة مؤشرات الأداء والمخطط الشريطي والمخطط الخطي والمخطط الدائري يمكن ربطها بمصدر بيانات أو بنتائج حملة؛ أما مخطط مسار التحويل فيعتمد على صفوف يكتبها المؤلف فقط
• نظرة عامة على مرجع العناصر