Embedded Code
الـ Embedded Code (أو الكود المدمج) هو عبارة عن كود صغير يتم استخدامه لإدماج أو تضمين محتوى خارجي داخل صفحة ويب أو تطبيق. يُستخدم هذا الكود لعرض محتوى من مصادر أو مواقع أخرى داخل منصتك،
أحد الأقسام التي توفرها منصة أكاديميات هو قسم Embedded Code ، الذي يوفر لك القدرة على إضافة أدوات أو محتويات خارجية إلى أكاديميتك. ببساطة، يتيح لك هذا القسم تضمين أكواد أدوات معينة لتوسيع وظائف منصتك دون الحاجة لتطوير هذه الأدوات من الصفر.
على سبيل المثال، إذا كنت بحاجة إلى إضافة تايمر (عداد زمني) إلى موقع أكاديميتك ،يمكنك استخدام خاصية الـ Embedded Code لتحقيق ذلك. بدلاً من البحث عن طريقة معقدة لتطوير أداة التايمر بنفسك، يمكنك ببساطة اختيار تصميم التايمر الذي ترغب به من موقع خارجي يوفر هذه الميزة، ثم نسخ الـ Embedded Code المقدم من الموقع.
حدد الأداة أو الخدمة الخارجية التي ترغب في دمجها في منصتك (مثل نموذج تفاعل، فيديو، تقويم، أو أداة تواصل اجتماعي).
بعد اختيار الأداة، قم بالحصول على الكود المدمج من الأداة أو الخدمة التي ترغب في دمجها. عادة ما توفر الأدوات الشائعة خيارًا لنسخ كود التضمين مباشرة من إعدادات الأداة.
أين تجد كود التضمين؟
عادة، سيكون هناك زر أو خيار باسم Embed أو Share.
بعد الحصول على الكود، يجب إضافته إلى الصفحة المطلوبة حيث تريد عرض الأداة .
مثال لاضافة نموذج من Typeform الى المنصة :
Typeform هي منصة تتيح لك إنشاء استبيانات ونماذج تفاعلية بواجهة مستخدم جذابة وسهلة، مما يجعل جمع البيانات أكثر متعة وفعالية من خلال تصميمات مخصصة تتناسب مع احتياجاتك.
انتقل الى النموذج الذي تم إنشاؤه في typeform ثم اضغط publish .
اضغط على زر share .
اضغط على Embed in web page .
اضغط على زر Start embedding .
اضغط على زر copy ليتم نسخ الكود كاملأ :
عُد الى لوحة التحكم لاضافة القسم الخاص بالامبدد كود والصق الكود في مكانه المخصص .
من خلال لوحدة التحكم ⭠ موقع أكاديميتك ⭠ صفحات الموقع ⭠ انتقل إلى الصفحة المطلوبة لإضافة النموذج فيها .
ستظهر لك جميع أقسام الصفحة ،اضغط على + لإضافة عنصر جديد .
ستظهر لك العناصر المتاحة للإضافة، اختر Embedded Code .
أضف الكود الخاص بالفورم الذي ترغب في إضافته، ثم اضغط على زر حفظ .
هناك العديد من المواقع التي توفر أدوات متنوعة يمكن الاستفادة منها مثل موقع : https://dash.elfsight.com/ .
استخدام الـ Embedded Code في أكاديميات :
أحد الأقسام التي توفرها منصة أكاديميات هو قسم Embedded Code ، الذي يوفر لك القدرة على إضافة أدوات أو محتويات خارجية إلى أكاديميتك. ببساطة، يتيح لك هذا القسم تضمين أكواد أدوات معينة لتوسيع وظائف منصتك دون الحاجة لتطوير هذه الأدوات من الصفر.
على سبيل المثال، إذا كنت بحاجة إلى إضافة تايمر (عداد زمني) إلى موقع أكاديميتك ،يمكنك استخدام خاصية الـ Embedded Code لتحقيق ذلك. بدلاً من البحث عن طريقة معقدة لتطوير أداة التايمر بنفسك، يمكنك ببساطة اختيار تصميم التايمر الذي ترغب به من موقع خارجي يوفر هذه الميزة، ثم نسخ الـ Embedded Code المقدم من الموقع.
الخطوات الأساسية لإضافة أداة إلى منصتك عبر Embedded Code :
1. اختيار الأداة أو الخدمة التي تريد دمجها
حدد الأداة أو الخدمة الخارجية التي ترغب في دمجها في منصتك (مثل نموذج تفاعل، فيديو، تقويم، أو أداة تواصل اجتماعي).
2. الحصول على كود التضمين (Embed Code)
بعد اختيار الأداة، قم بالحصول على الكود المدمج من الأداة أو الخدمة التي ترغب في دمجها. عادة ما توفر الأدوات الشائعة خيارًا لنسخ كود التضمين مباشرة من إعدادات الأداة.
أين تجد كود التضمين؟
عادة، سيكون هناك زر أو خيار باسم Embed أو Share.
3. إضافة الكود المدمج إلى منصتك
بعد الحصول على الكود، يجب إضافته إلى الصفحة المطلوبة حيث تريد عرض الأداة .
مثال لاضافة نموذج من Typeform الى المنصة :
Typeform هي منصة تتيح لك إنشاء استبيانات ونماذج تفاعلية بواجهة مستخدم جذابة وسهلة، مما يجعل جمع البيانات أكثر متعة وفعالية من خلال تصميمات مخصصة تتناسب مع احتياجاتك.
انتقل الى النموذج الذي تم إنشاؤه في typeform ثم اضغط publish .
اضغط على زر share .
اضغط على Embed in web page .
اضغط على زر Start embedding .
اضغط على زر copy ليتم نسخ الكود كاملأ :
عُد الى لوحة التحكم لاضافة القسم الخاص بالامبدد كود والصق الكود في مكانه المخصص .
من خلال لوحدة التحكم ⭠ موقع أكاديميتك ⭠ صفحات الموقع ⭠ انتقل إلى الصفحة المطلوبة لإضافة النموذج فيها .
ستظهر لك جميع أقسام الصفحة ،اضغط على + لإضافة عنصر جديد .
ستظهر لك العناصر المتاحة للإضافة، اختر Embedded Code .
أضف الكود الخاص بالفورم الذي ترغب في إضافته، ثم اضغط على زر حفظ .
إليك مثالًا يوضح كيفية ظهور النموذج داخل الصفحة :
هناك العديد من المواقع التي توفر أدوات متنوعة يمكن الاستفادة منها مثل موقع : https://dash.elfsight.com/ .
تحديث في: 09/04/2025
شكرًا!