كيف أُضمِّن مقاطع Spotify ومنشورات Instagram ومحتوى آخر في مقالاتي؟

يُضمِّن VeloCMS تلقائياً محتوى Spotify وInstagram وPinterest وLinkedIn وCodePen وSoundCloud وCalendly — ما عليك سوى لصق رابط المحتوى في سطر فارغ مستقل داخل محرر TipTap، فيظهر مشغِّل أو بطاقة مُصمَّمة بهوية المنصة مباشرةً في مقالك. لا يوجد اليوم مزوِّد لـ Twitter/X — أي رابط تغريدة يُلصَق يبقى رابطاً نصياً عادياً.

ما المنصات المدعومة افتراضياً؟

يتعرَّف محرك التضمين التلقائي على روابط من: Spotify (المقاطع والألبومات وقوائم التشغيل والحلقات والبرامج والفنانين)، وInstagram (المنشورات والـ Reels وIGTV — للمحتوى العام فقط)، وPinterest (الدبابيس)، وLinkedIn (تحديثات منشورات الخلاصة)، وCodePen (الأقلام العامة)، وSoundCloud (المقاطع العامة)، وCalendly (صفحات الحجز)، وYouTube وVimeo (مُوضَّحان في دليل مستقل). أما المزوِّد غير الوارد في هذه القائمة، فاستخدم أمر تضمين والصق الرابط — أي نطاق غير معروف يرجع إلى بطاقة رابط عادية بدلاً من iframe.

كيف أُضمِّن مقطعاً أو قائمة تشغيل من Spotify؟

افتح المقطع أو الألبوم أو قائمة التشغيل في مشغِّل الويب الخاص بـ Spotify على الرابط open.spotify.com، وانسخ الرابط من شريط العنوان في متصفحك، ثم الصقه في سطر فارغ جديد داخل محرر VeloCMS. يظهر مشغِّل Spotify، ويعرض غلاف الألبوم وعنوان المقطع ويشغّل معاينة دون مغادرة مقالك. إن كنت تُضمِّن قائمة تشغيل كاملة، تمكَّن قرّاؤك من التنقل بين المقاطع مباشرةً داخل المشغِّل المضمَّن. يتطلَّب الاستماع للمقطع كاملاً امتلاك القارئ حساب Spotify مجاني أو مدفوع؛ لا يفرض VeloCMS هذا القيد.

كيف أُضمِّن منشور Instagram أو دبوس Pinterest؟

احصل على رابط المشاركة من Instagram (قائمة ••• ← «نسخ الرابط») أو رابط الدبوس من Pinterest، والصقه في سطر فارغ مستقل داخل المحرر. يُبنى كلاهما عبر سكريبت التضمين الخاص بالمنصة نفسها لا عبر iframe — سكريبت embed.js لـ Instagram وسكريبت pinit.js لـ Pinterest — فلا يُحمَّل شيء حتى يُعالج متصفح القارئ البلوك. إن أصبح المنشور المصدر خاصاً بعد تضمينه، يتعطَّل التضمين وتظهر نسخة بديلة.

ماذا عن الأداء — هل تُبطِّئ التضمينات صفحتي؟

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