كيفية إضافة ودجات اختبار A / B في WordPress 5.8

نشرت: 2021-08-05

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

تأتي الغالبية العظمى من سمات WordPress مع مجموعة من الأدوات المثبتة مسبقًا والجاهزة للاستخدام:

الحاجيات المتوفرة في موضوع Tech Mag
الأدوات الذكية المتوفرة في سمة TechMag WordPress.

أهداف محرر عنصر واجهة المستخدم الجديد

بعد وصول WordPress 5.8 ، بالإضافة إلى إمكانيات تحرير الكتلة الجديدة التي أخبرتك بها بالفعل ووظائف تحرير الموقع الكامل ، لدينا الآن محرر عناصر واجهة مستخدم جديد قائم على الكتلة.

ما الذي نبحث عنه باستخدام محرر الأدوات الجديد هذا؟ كما علقت آن مكارثي في ​​فبراير 2021 على WordPress.org ، فإن الفوائد التي يجب تحقيقها باستخدام محرر الأدوات هي:

  • السماح للمستخدمين بإنشاء تخطيطات الشريط الجانبي والرأس والتذييل باستخدام الكتل المألوفة ،
  • لتتمكن من إثراء تصميم الأدوات بشكل مرئي دون الحاجة إلى الذهاب إلى محرري HTML ،
  • لديك نموذج موحد وتجربة تحرير المحتوى ، دون الحاجة إلى الاحتفاظ بأفكار مجردة حول كيفية عرض المحتوى ،
  • العديد من الأدوات التي كانت لدينا حتى الآن والتي تم اعتبارها رمزًا قصيرًا ، ستُنظر إليها على أنها كتل (على سبيل المثال ، حالة النماذج) ، نظرًا لكون إصدارها أكثر مرونة وبديهية ،
  • سيكون الانتقال من الأدوات إلى الكتل سلسًا بحيث يمكن للمطورين استبدال عناصر واجهة المستخدم بالكتل ، و
  • لتجنب مشكلات التوافق مع الإصدارات السابقة ، ستكون الأدوات قابلة للتحرير من خيار قائمة Appearance »Widgets كما كان من قبل.

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

تم إنشاء التذييل باستخدام محرر الكتلة
تم إنشاء تذييل مع محرر القطعة

محرر القطعة الجديد

بمجرد تحديث موقع الويب الخاص بك بإصدار WordPress 5.8 ، عند الوصول إلى خيار قائمة Appearance »Widgets ، نحصل أولاً على شاشة الترحيب لمحرر كتلة عنصر واجهة المستخدم.

مرحبا بكم في محرر كتلة القطعة
مرحبًا بك في Block Widgets.

بعد تصفح الدليل التوضيحي لمحرر الأدوات ، نجد محرر عناصر واجهة مستخدم جديدًا يشبه إلى حد كبير محرر الكتلة الذي نعرفه بالفعل. وداعًا لإدارة الأدوات التي استخدمناها حتى الآن!

باستخدام هذا المحرر الجديد ، تبدو كل منطقة عنصر واجهة مستخدم كقائمة منسدلة (كانت مماثلة من قبل) حيث يمكنك إضافة كتل المحتوى.

محرر عنصر واجهة مستخدم WordPress جديد
محرر عنصر واجهة مستخدم WordPress جديد.

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

بالإضافة إلى عناصر واجهة المستخدم القديمة ، يمكنك الآن في كل منطقة من مناطق عناصر واجهة المستخدم إدراج وتعديل أي نوع آخر من الكتل التي نعرفها بالفعل:

إضافة كتل في منطقة القطعة
إضافة كتل في منطقة القطعة.

وليس هذا فقط: يمكنك أيضًا استخدام قوالب السمات الجديدة التي وصلت مع هذا الإصدار من WordPress في أي منطقة عناصر واجهة مستخدم تريدها ، وبالتالي إضافة تنوع رائع إلى مناطق عناصر واجهة مستخدم WordPress.

إضافة قالب في منطقة القطعة
إضافة قالب في منطقة القطعة.

أخيرًا ، يسمح لك محرر الأدوات أيضًا بنقل الكتل بين مناطق عناصر واجهة المستخدم المختلفة.

خيار للتبديل بين مناطق عناصر واجهة المستخدم المختلفة
خيار للتبديل بين مناطق عناصر واجهة المستخدم المختلفة.

وكالعادة ، بعد إجراء التغييرات المناسبة في محرر الأدوات ، ما عليك سوى تحديث التغييرات لتعكسها في صفحاتك ومنشوراتك.

القطعة A / B الاختبارات

مناطق عناصر واجهة المستخدم ، كما أشرت بالفعل في بداية هذا المنشور ، هي مناطق تهدف إلى إضافة وظائف إلى موقعنا على الويب والتي تتضمن بشكل عام المستخدم للقيام ببعض الإجراءات. إذا أردنا زيادة عدد زوار موقعنا على الإنترنت الذين يقومون ببعض الإجراءات ، فإن أفضل أداة لدينا تحت تصرفنا لتحسين معدل التحويل هذا هي اختبارات A / B.

باختصار وفي سياق الأدوات ، يتكون اختبار A / B للعناصر ، بناءً على فرضية التحسين (على سبيل المثال ، إعادة ترتيب كتل عناصر واجهة المستخدم داخل منطقة ما لعرض معلومات معينة ذات صلة بشكل أفضل ، أو عرض كتل عناصر واجهة المستخدم بشكل مختلف أو قم بتغيير الكتل التي تظهر في مناطق عناصر واجهة المستخدم بشكل جذري) ، ومعرفة ما إذا كان هذا التغيير يعمل بشكل أفضل مما كان لديك من قبل.

من الناحية الفنية ، لا يعد اختبار A / B أكثر من تجربة تتكون من عرض متغيرين من صفحة الويب نفسها لشرائح مختلفة من زوار موقع الويب في نفس الوقت ومقارنة أي متغير ينتج المزيد من التحويلات.

صورة توضح كيفية عمل اختبار A / B: يتم تقسيم حركة المرور ويشاهد كل جزء متغيرًا واحدًا ، ثم نتحقق من المتغير الذي حصل على تحويلات أكثر
في أبسط أشكاله ، يقترح اختبار A / B تقسيم حركة المرور إلى الموقع بشكل عشوائي إلى مجموعتين بحيث يرى 50٪ من الزوار التصميم "أ" بينما يرى 50٪ الآخرون التصميم "ب". من خلال مراقبة كيفية تفاعل المستخدمين في كل مجموعة ، يمكننا حساب معدل التحويل لكل مجموعة ، وفي حالة وجود فرق مهم إحصائيًا بين المجموعتين ، إعلان التصميم الفائز.

مع محرر الأدوات الجديد ، الذي يفتح مجموعة واسعة من الاحتمالات في تصميم الصفحات والمشاركات ، تنوع تنمو اختبارات A / B التي يمكنك إنشاؤها بشكل كبير ، ولهذا السبب ، تصبح أكثر صلة بتحسين تحويل الويب.

أ / ب اختبار الأدوات الخاصة بك

يمكنك إنشاء القطعة اختبار A / B يدويًا والاستخدام المشترك لـ Google Analytics لتحليل التحويل. ولكن سيكون من الأسهل والأرخص بكثير بالنسبة لك إنشاء عنصر واجهة المستخدم اختبارات A / B باستخدام أداة مثل Nelio اختبار A / B (الإصدار المتميز من 29 يورو شهريًا) ، وهو مكون إضافي لبرنامج WordPress متكامل تمامًا مع برامج تحرير قوالب WordPress المختلفة ، بما في ذلك محرر الأدوات.

مرة واحدة Nelio يتم تثبيت وتنشيط البرنامج المساعد A / B Testing ، Nelio ستظهر أيقونة اختبار A / B على لوحة معلومات WordPress الخاصة بك مع الخيارات المختلفة التي يمكنك من خلالها إنشاء وتحليل اختبارات A / B بدون استخدام أي أداة خارجية.

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

الخطوات المختلفة التي يجب اتباعها لإنشاء الأداة اختبار A / B مع Nelio اختبار A / B هو:

  • حدد نوع الاختبار المراد إنشاؤه
  • حدد متغيرات الاختبار
  • تحديد أهداف التحويل والإجراءات
  • حدد ما إذا كنت تريد تطبيق التجزئة
  • قم بتشغيل الاختبار وتحليل تقدمه
  • تطبيق البديل الفائز كنهائي

حدد نوع الاختبار المراد إنشاؤه

نيليو A / B Testing هي أداة تسمح لك بإنشاء ملفات اختبارات A / B لأي نوع من عناصر WordPress. لذلك ، من بين مجموعة متنوعة من العناصر للاختيار من بينها ، فإن أول شيء يجب عليك فعله هو تحديد ما تريد إنشاء ملف اختبار A / B للحاجيات.

محدد اختبار جديد في Nelio A / B Testing 5.0
محدد اختبار جديد في Nelio اختبار A / B.

تحديد متغيرات الاختبار

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

تحديد اختبار A / B لعنصر واجهة المستخدم باستخدام Nelio A / B Testing
تعريف القطعة اختبار A / B مع Nelio اختبار A / B.

لإنشاء متغير جديد ، يجب أن تعطيه اسمًا في الحقل المجاور لحرف المتغير الذي تقوم بإنشائه والنقر على رابط "تحرير" الذي يظهر أدناه. سترى أنه يأخذك إلى محرر الأدوات الجديد الذي رأيناه للتو.

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

تحرير متغير لاختبار عنصر واجهة المستخدم
تحرير متغير لاختبار عنصر واجهة المستخدم.

تحديد أهداف التحويل والإجراءات

بعد تحديد المتغيرات في اختبارك ، فإن الخطوة التالية هي تحديد هدف التحويل للاختبار. لأي غرض تقوم بإنشاء هذا الاختبار؟ الغرض في مثالنا هو الحصول على المزيد من الزيارات إلى منشورات المدونة. كيف نعرف ذلك؟

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

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

في مثال اختبار عنصر واجهة المستخدم الذي نوضحه ، سنحدد إجراء التحويل كزيارات إلى صفحة المدونة الخاصة بنا:

تحديد الأهداف وإجراءات التحويل لاختبار أ / ب
تعريف أهداف التحويل وإجراءات اختبار أ / ب.

تقسيم حركة المرور الخاصة بك

واحدة من الميزات المثيرة للاهتمام في أي أداة اختبار A / B هي أنه يمكنك تقسيم حركة المرور الخاصة بك. بمعنى أنه يمكنك تعيين بعض الزوار فقط للمشاركة في الاختبار. على سبيل المثال ، حسب البلد ، والوقت ، واللغة ، والمتصفح ، والجهاز ، وما إلى ذلك. إذا كنت تريد المزيد من التفاصيل حول كيفية تنفيذ تقسيم حركة المرور مع Nelio A / B Testing ، أوضح أنطونيو ذلك بالتفصيل هنا.

قم بتشغيل الاختبار الذي تم إنشاؤه وتحليل تقدمه

وهذا كل ما عليك فعله الآن هو الضغط على الزر لبدء الاختبار وتحليل تقدمه. سيهتم Nelio A / B Testing بتقسيم حركة المرور القادمة إلى موقع الويب الخاص بك بحيث يرون فقط بعض المتغيرات التي تم إنشاؤها وتحليل سلوكهم.

باستخدام اختبار Nelio A / B ، لا داعي للقلق بشأن المدة التي تحتاجها لإجراء اختبار أو للتحكم في الثقة الإحصائية للبيانات. ستتمكن من رؤية العدد الإجمالي للتحويلات والزيارات لكل متغير. ستتمكن أيضًا من رؤية النسبة المئوية للتحسن (أو التدهور) لكل متغير مقارنة بالإصدار الأصلي.

تطبيق البديل الفائز

أخيرًا ، إذا اتضح أن أحد المتغيرات الخاصة بك أفضل من البقية ، Nelio سيخبرك اختبار أ / ب وستتمكن من تطبيقه كإصدار نهائي على موقع الويب الخاص بك. وهذا يعني أن مناطق عناصر واجهة المستخدم التي صممتها في المتغير الفائز الخاص بك ستصبح الإصدار الأخير من موقع الويب الخاص بك.

عرض حالة نتائج اختبار أ / ب
عرض حالة نتائج ملف اختبار أ / ب.

وهذا كل شيء ، لديك الآن إصدار جديد من تصميم الويب الخاص بك يتم تحويله بشكل أفضل من الإصدار الأصلي الذي لديك.

خاتمة

وصل إصدار WordPress 5.8 مع مجموعة رائعة من الميزات الجديدة. يمنحنا محرر عنصر واجهة المستخدم الجديد خيار إضافة الكثير من الوظائف إلى مناطق موقعنا على الويب التي كانت تقتصر حتى الآن على عناصر واجهة المستخدم المحددة مسبقًا المرفقة بالموضوع.

تتيح لك هذه المجموعة الجديدة من الاحتمالات اختبار تصميمات صفحات متنوعة أكثر بكثير مما كان لدينا حتى الآن. امتلاك أداة مثل Nelio يضمن اختبار A / B لإنشاء اختبارات A / B لعناصر واجهة المستخدم المدمجة في WordPress أنه يمكنك تحسين التحويل على صفحاتك بالبيانات دون مغادرة محرر WordPress الخاص بك.

صورة مميزة بواسطة Striving Blogger في Unsplash.