إدارة نماذج Customer Insights - Journeys

تشرح هذه المقالة كيفية تحرير النماذج أو إلغاء نشرها وإدارتها في Customer Insights - Journeys.

تحرير نموذج مباشر

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

هام

إذا اخترت إنشاء نسخة من النموذج، فسيتعين عليك نشر النسخة التي تم إنشاؤها حديثًا.

يتم تخزين النموذج على CDN حيث يتم تخزين جميع البيانات مؤقتًا لتوفير أقصر أوقات تحميل ممكنة لزوار صفحة الويب الخاصة بك. قد يستغرق الأمر ما يصل إلى 10 دقائق قبل تحديث ذاكرة التخزين المؤقت وقبل أن تتمكن من رؤية التغييرات على صفحة الويب. يمكنك التحقق من نتيجة التغييرات في الصفحة إذا قمت بإضافة هذه المعلمة #d365mkt-nocache إلى عنوان URL لصفحة ويب. لا تشارك أبدًا الارتباط إلى صفحتك بما في ذلك هذه المعلمة مع عملائك. تتجاوز المعلمة ذاكرة التخزين المؤقت لشبكة CDN وتبطئ تحميل الصفحة.

إلغاء نشر نموذج

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

خصائص حقول النماذج

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

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

‏‫ملاحظة

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

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

لإنشاء تحقق مخصص، قم بتمكين الخيار تحقق من الصحة وحدد مخصص. يظهر مربع حوار منبثق يمكنك فيه إدخال تعبير عادي (RegExp). يمكنك مثلاً استخدام RegExp للتحقق مما إذا كانت القيمة التي تم إدخالها تطابق تنسيق رقم هاتف محدد.

صمم نماذجك باستخدام السمة

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

إن ميزة النسق عبارة عن واجهة مستخدم سهلة الاستخدام لتحرير تعريفات فئات CSS في HTML النموذج. إنها تعمل فقط مع أنماط النماذج الجاهزة. لا يتم تصور فئات CSS، ولكن لا يزال بإمكانك تعديل فئات CSS المخصصة باستخدام محرر كود HTML.

يسمح لك قسم النسق بتكوين:

• الخلفية : تحديد لون الخلفية الداخلية ونمط الحدود للنموذج بأكمله.
• أنماط النص : تحديد العنوان 1، والعنوان 2، والعنوان 3، والفقرة، تسمية الحقل. لا يؤثر نمط تسمية الحقل على تسميات خانة الاختيار والأزرار التبادلية، حيث يمكن تكوين هذه التسميات بشكل منفصل. يتضمن تعريف نمط النص عائلة الخط وحجم الخط ولون الخط ونمط النص وارتفاع الخط. يمكنك أيضًا تعيين التباعد الداخلي والخارجي والعرض والمحاذاة. علاوة على أنماط النص هذه، يمكنك أيضًا تعيين موضع التسمية (أعلى، يسار، يمين) واللون المطلوب لتسميات حقولك.
• حقول الإدخال مجمعة في 3 فئات:
  1. حقول إدخال النص والقائمة المنسدلة والبحث: تشارك هذه الأنماط المرئية الثلاثة للحقول في تعريف النمط نفسه. يمكنك تعيين عائلة الخط الخط والحجم واللون والنمط لأنماط العنصر النائب ونص الإدخال. يمكنك أيضًا تعيين لون خلفية الحقل ولون خلفية القائمة والزوايا الدائرية والحدود ومحاذاة الحجم والتباعد الداخلي والخارجي. لاحظ أنه يمكن تكوين تسمية الحقل في أنماط النص.
  2. الزر التبادلي: يحتوي الزر التبادلي على تكوين تسمية خاص به، مما يسمح لك بتعيين عائلة الخط وحجمه. يمكنك تعيين لون النص والأنماط ولون الخلفية لجميع الخيارات وللخيار المحدد. يمكنك أيضًا تحديد الزوايا الدائرية والعرض والتباعد الداخلي والخارجي للأزرار التبادلية.
  3. خانة الاختيار - يحتوي حقل خانة الاختيار على تكوين التسمية الخاص به مما يسمح لك بتعيين عائلة الخط وحجمه. يمكنك تعيين ألوان نص وألوان خلفية وأنماط مختلفة لجميع الخيارات وللخيار المحدد. يمكنك أيضًا تحديد الزوايا الدائرية والعرض والتباعد الداخلي والخارجي لخانات الاختيار.
• الأزرار والارتباطات: يتيح لك تعريف الزر تعيين عائلة الخط والحجم واللون وأنماط النص ولون الزر ومحاذاة الحدود والتباعد الداخلي والخارجي. يتيح لك تعريف الارتباط التشعبي تعيين عائلة الخط والحجم واللون وأنماط النص.

‏‫ملاحظة

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

الخطوط المخصصة

هناك طريقتان لاستخدام الخطوط المخصصة في النموذج:

1. تعيين الخط على "توارث": يوصى به للنماذج المضمنة في صفحتك الخاصة. يرث النموذج النموذج من صفحتك.
2. أضف خطك المخصص: يوصى به للنماذج المستضافة كصفحة مستقلة. يمكنك تحميل خطك المخصص باستخدام ميزة السنق في قسم الخطوط المخصصة. ويمكن بعد ذلك استخدام الخطوط المخصصة التي تم تحميلها في جميع تعريفات أنماط النص.

معاينة: Copilot - مساعد سمة النماذج

مهم

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

لا تقدم Microsoft دعمًا لميزة المعاينة هذه. لن يتمكن فريق الدعم الفني لـ Microsoft Dynamics 365من مساعدتك في هذه المشاكل أو الأسئلة. ميزات المعاينة ليست مخصصة للاستخدام الإنتاجي، خاصة لمعالجة البيانات الشخصية أو البيانات الأخرى التي تخضع لمتطلبات التوافق القانونية أو التنظيمية.

مهم

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

يُعد مساعد السمة بمثابة ميزة Copilot في Customer Insights - Journeys. يمكنك استخدام مساعد السمة في أنماط الإحضار من موقع ويب موجود تمتلكها وتتحكم فيها. لاستخدام سمة، أدخل عنوان URL لموقع الويب وحدد أنماط الإحضار. قد تستغرق هذه العملية بضع دقائق. يمكنك متابعة العمل والعودة مرة أخرى لاحقًا للتحقق من النتيجة. بمجرد أن يقوم مساعد السمة بجلب الأنماط من موقع الويب، فإنه يطبق الأنماط على سمة بريدك الإلكتروني.

إعدادات النموذج

تتيح لك إعدادات النموذج تكوين الخصائص المتقدمة للشكل الخاص بك وتحديد ما يحدث بعد إرسال النموذج.

• السجلات المتكررة: اختر استراتيجية حول كيفية معالجة السجلات المكررة.
• إعلام الشكر: تظهر هذه الرسالة إذا قام المستخدم بإرسال النموذج بنجاح.
• إعلام بالخطأ: تظهر هذه الرسالة في حالة حدوث خطأ عند إرسال النموذج.
• إعادة التوجيه بعد الإرسال: يمكنك إدخال عنوان URL سيتم توجيه المستخدم له بعد إرسال النموذج إذا تم تمكينه.

كيفية معالجة السجلات المكررة

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

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

يمكنك تغيير الإستراتيجية الافتراضية باستخدام القائمة المنسدلة السجلات المكررة في إعدادات النماذج. يُمكنك أيضاً إنشاء استراتيجية مطابقة مخصصة.

إنشاء استراتيجية مطابقة مخصصة

يمكنك اختيار كيفية معالجة السجلات المكررة عن طريق إنشاء إستراتيجية مطابقة جديدة.

1. حدد القائمة اليسرى السفلى للوصول إلى الإعدادات.
2. افتح إستراتيجية مطابقة النموذج في قسم مشاركة العميل.
3. حدد رمز علامة الجمع لإنشاء استراتيجية مطابقة جديدة.
4. قم بتسمية استراتيجية المطابقة وحدد الكيان الهدف.
5. احفظ استراتيجية المطابقة (لا تحدد حفظ وإغلاق حسب الحاجة إلى البقاء في هذا السجل).
6. أضف سمات استراتيجية المطابقة (حقول) التي سيتم استخدامها للتحقق مما إذا كان السجل موجودًا.
7. احفظ استراتيجية مطابقة جديدة.
8. يمكن الآن تحديد استراتيجية المطابقة التي تم إنشاؤها مؤخرًا في قائمة السجلات المكررة في إعدادات النموذج.

أنواع الحقول

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

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

حقول البحث

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

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

التحقق من صحة النموذج

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

يمكن بدء تشغيل عملية التحقق من صحة النموذج يدويًا باستخدام الزر التحقق من المحتوى.

أخطاء تمنع نشر النموذج

تمنع الشروط التالية نشر النماذج وتعرض رسالة خطأ:

• هل تم تضمين الزر إرسال؟
• هل حقول النموذج مرتبطة بسمة قابلة للتحرير؟
• هل يحتوي النموذج على حقول مكررة؟
• هل يشتمل النموذج على جميع السمات التي تتطلبها إستراتيجية المطابقة (حقل البريد الإلكتروني افتراضيًا)؟
• هل تم تعيين الجمهور المستهدف؟

تحذيرات لا توقف نشر النموذج

لا تمنع الشروط التالية نشر النماذج. تظهر رسالة تحذير:

• هل يشتمل النموذج على جميع الحقول المرتبطة بسمات كيان محدد إلزامية لإنشاء سجل أو تحديثه؟
• هل تم تصنيف جميع السمات المطلوبة على أنها required="required" في HTML؟

تخصيص النموذج المتقدم

لفتح محرر HTML وعرض التعليمات البرمجية المصدر لنموذج ما، حدد زر HTML في الزاوية اليمنى العليا.

• يمكن عرض نماذج Customer Insights - Journeys باستخدام واجهة برمجة تطبيقات JavaScript، مما يسمح بتحميل النموذج ديناميكيًا.
• يمكنك إدخال نموذج تسويق داخل تطبيق React.
• من الممكن أيضًا توسيع أحداث النموذج مثل formLoad وformSubmit وغير ذلك,
• هناك إمكانيات أخرى لتخصيص النماذج. تعرف على المزيد

تخصيص النموذج CSS

يمكنك تغيير تعريفات فئة CSS في محرر HTML. يتيح لك تحرير CSS تحقيق تخصيصات تصميم أكثر تقدمًا بالإضافة إلى الاحتمالات الموجودة في محرر النماذج.

إضافة JavaScript مخصص لنموذجك

مهم

باستخدام الإصدار 1.1.38813.80 أو أحدث من Customer Insights - Journeys، يمكنك إضافة كود JavaScript إلى قسم <body> من HTML. في حالة إضافة JavaScript إلى القسم <head>، يتم نقله تلقائيًا إلى أعلى قسم <body>. يُعاد تسمية علامة <script> تلقائيًا إلى <safe-script> لمنع تنفيذ البرنامج النصي في محرر النماذج. بعد ذلك، تُعاد تسمية علامة <safe-script> تلقائيًا إلى <script> في النموذج النهائي HTML الذي يتم خدمته بواسطة البرنامج النصي formLoader.

مهم

باستخدام إصدار أقدم من 1.1.38813.80 من Customer Insights - Journeys، يمكنك إضافة كود JavaScript مخصص فقط إلى قسم <head> من كود HTML المصدر باستخدام محرر HTML. إذا كان كود JavaScript موضوعًا داخل قسم <body>، يقوم محرر النماذج بإزالة الكود تلقائيًا بدون تحذير.

يتم تلقائيًا تعقيم جميع سمات onEvent HTML التي تؤدي إلى تنفيذ كود JavaScript مثل onClick أو onChange (تُزال من الكود).

المثال التالي غير مدعوم:

<button onClick="runMyFunction()">

كما هو موضح في الأمثلة أدناه، يمكنك وضع EventListeners داخل كود JavaScript لتشغيل تنفيذ وظائف JavaScript.

مثال 1: قم بتحديث قيمة حقل النموذج باستخدام قيم حقول النموذج الأخرى

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

<script>
    const firstName = document.getElementById("firstname-1679394382894"); // The field ID is unique in each form, make sure you replace it with the correct value.
    const lastName = document.getElementById("lastname-1679335991544"); // The field ID is unique in each form, make sure you replace it with the correct value.
    const fullName = document.getElementById("fullname-1679394390062"); // The field ID is unique in each form, make sure you replace it with the correct value.

    firstName.addEventListener('change', updateFullName);
    lastName.addEventListener('change', updateFullName);

    function updateFullName() {
    fullName.value = firstName.value + ' ' + lastName.value;
    }
</script>

المثال 2: تعبئة حقل مخفي بقيمة معلمة UTM من عنوان URL

توفر مصادر UTM معلومات هامة حول مصدر العملاء المتوقعين الجدد. يستخرج هذا المثال عن البرنامج النصي المعلمة المصدر UTM من عنوان URL ويقوم بتعبئتها بقيمة الحقل المخفي.

1. قم بإنشاء سمة مخصصة جديدة لكيان العميل المتوقع تسمى "مصدر UTM" بالاسم المنطقي utmsource.
2. قم بإنشاء نموذج جديد مع "العميل المحتمل" باعتباره الجمهور المستهدف. يمكنك رؤية السمة المخصصة "مصدر UTM" في قائمة الحقول.
3. أضف الحقل المصدر UTM إلى اللوحة ثم قم بتعيينه على أنه مخفي في خصائص الحقل.
4. افتح محرر HTML.
5. ضع البرنامج النصي التالي في قسم النص. تأكد من وضع معرف الحقل الصحيح في الكود.

<script>
    document.addEventListener("d365mkt-afterformload", updateUTMSourceField());
            
    function updateUTMSourceField() {
        const formField = document.getElementById("utmsource-1679335998029"); // The field ID is unique in each form, make sure you replace it with the correct value.        
        const urlParams = new URLSearchParams(window.location.search);
        const utmSource = urlParams.get('utm_source');
        formField.value = utmSource;
        console.log(utmSource); // for debug only, can be removed
    }
</script>

يمكنك إعادة استخدام هذا المثال لإثراء العملاء المتوقعين بالمزيد من معلمات UTM مثل utm_campaign أو utm_medium أو utm_term أو utm_content.

دمج كلمة التحقق المخصصة في النموذج

يمكنك دمج خدمات حماية روبوت captcha‏‎ مخصص مثل Google reCAPTCHA في نموذجك.

عملية مخصصة للتحقق من صحة إرسال النموذج في الخلفية

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