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

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

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

يتعرَّف محرك التضمين التلقائي على روابط من: Twitter/X (التغريدات والـ Spaces)، وSpotify (المقاطع والألبومات وقوائم التشغيل وحلقات البودكاست)، وInstagram (المنشورات والـ Reels — للمحتوى العام فقط)، وYouTube (مُوضَّح في دليل مستقل)، وCodePen (الأقلام العامة)، وGitHub Gists، وSoundCloud (المقاطع العامة). أما المنصات غير الواردة في هذه القائمة، فيمكنك دائماً اللجوء إلى أمر /embed في المحرر ولصق كود HTML الخام إن وفَّرته المنصة — إذ يُنقِّي VeloCMS الـ iframes القادمة من نطاقات موثوقة محدَّدة في قائمة بيضاء.

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

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

كيف أُضمِّن تغريدةً أو منشوراً من X؟

احصل على رابط التغريدة الدائم من المنشور نفسه (رابط الطابع الزمني أسفل أي تغريدة، أو عبر زر المشاركة ← «نسخ الرابط»)، والصقه في سطر مستقل داخل المحرر. يستخدم VeloCMS واجهة برمجة oEmbed الخاصة بـ Twitter لاستدعاء بطاقة التغريدة الرسمية، التي تتضمَّن اسم المستخدم ونص التغريدة والصور وأعداد التفاعلات. تجدر الإشارة إلى قيود قائمة: تُرجع واجهة oEmbed الخاصة بـ X/Twitter أحياناً أخطاءً لمنشورات من حسابات غيَّرت إعدادات خصوصيتها مؤخراً أو من حسابات تحظر التضمين — في تلك الحالات يعرض المحرر رابطاً نصياً عادياً بدلاً من البطاقة.

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

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