كود التضمين

كود التضمين هو مقتطف من HTML — عادةً وسم [iframe](/glossary/iframe) — تلصقه داخل الكود المصدري لصفحة ويب لعرض محتوى خارجي بشكل مدمج ضمن تلك الصفحة. في النشر الرقمي، تُحمِّل أكواد التضمين عارض الكتاب التفاعلي أو المستند مباشرةً داخل الصفحة المضيفة، فيتفاعل القرّاء مع المنشور دون مغادرة الموقع. ويُقدَّم المحتوى نفسه من خوادم منصة النشر، أي لا حاجة إلى استضافة أيّ ملف على الموقع الوجهة. وعند تحديث المنشور المصدر، تعكس كل نسخة مضمَّنة هذا التغيير تلقائياً.

تردم أكواد التضمين الفجوة بين منشوراتك وحضورك على الويب. فمن دونها، تكون الطريقة الوحيدة لمشاركة كتاب تفاعلي عبر رابط مباشر، مما يضطر القرّاء إلى مغادرة موقعك. أمّا التضمين فيُبقي الزوّار على نطاقك، ويحسّن المؤشرات السلوكية مثل مدة البقاء على الصفحة، ويُهيِّئ تجربة قراءة سلسة. كما يُمركز إدارة المحتوى: حدِّث ملف PDF مرّة واحدة، فتظهر النسخة الأحدث في كل تضمين على كل موقع. ويزداد ذلك قيمةً مع الكتالوجات وقوائم الأسعار والقوائم التي تتغيّر باستمرار.

تولّد FlipLink كود تضمين جاهزاً للاستخدام لكل كتاب تفاعلي أو مستند منشور. من لوحة [المشاركة والتوزيع](/features/sharing-and-distribution)، تنسخ مقتطف iframe وتلصقه في أيّ موقع أو مدوّنة أو نظام إدارة محتوى يقبل HTML. والتضمين [متجاوب](/glossary/responsive-embed) افتراضياً، يتكيّف مع عرض الحاوية على شاشات سطح المكتب والجوّال. كما توفّر FlipLink خيار [تضمين الصورة القابلة للنقر](/features/clickable-image-embed) الذي يعرض صورة مصغّرة ثابتة تُحيل إلى الكتاب التفاعلي كاملاً — وهو مفيد للنشرات البريدية والمنصات التي تُقيّد iframe. ويمكنك التحكم في الأماكن التي يظهر فيها محتواك عبر [قائمة النطاقات المسموح بها](/glossary/domain-whitelisting)، التي تقصر التضمين على نطاقات معتمدة فقط.

يتكوّن كود التضمين من بضعة أجزاء رئيسية: - **وسم iframe**: العنصر الجوهري الذي يفتح نافذة على المحتوى الخارجي. يتضمّن سمة `src` تشير إلى رابط المنشور، إضافةً إلى سمتَي `width` و`height` لضبط الحجم. - **غلاف متجاوب**: عنصر `div` محيط بأبعاد مئوية يضمن تكيّف iframe مع تخطيط الصفحة. يتضمّن كود تضمين FlipLink هذا الغلاف افتراضياً، فلا تحتاج إلى كتابة CSS خاصة بك. - **سمات allow**: تشترط المتصفحات الحديثة سمات `allow` صريحة لميزات مثل ملء الشاشة. ويتضمّن كود تضمين FlipLink هذه السمات لتعمل جميع الميزات التفاعلية مباشرة. - **محتوى احتياطي**: رابط نصي داخل وسم iframe يعمل بديلاً للمتصفحات النادرة أو عملاء البريد الإلكتروني الذين لا يدعمون iframe. يُحمَّل التضمين بشكل غير متزامن، أي إنه لا يعيق عرض الصفحة المضيفة. ويكون أثره على أداء الصفحة طفيفاً جداً لأن عارض الكتاب التفاعلي لا يُهيَّأ إلا حين يدخل iframe في إطار العرض.

**ما كود التضمين؟** كود التضمين هو مقتطف HTML تلصقه داخل موقعك لعرض محتوى مستضاف على منصة أخرى. وفي حالة الكتب التفاعلية، فهو ينشئ عادةً iframe يُحمّل عارض المنشور التفاعلي مباشرة داخل صفحتك. **هل يمكنني تضمين كتاب تفاعلي في أيّ موقع؟** نعم، طالما يسمح الموقع بإضافة HTML مخصّص. ويشمل ذلك WordPress وShopify وSquarespace وWix (عبر كتل HTML المخصّصة)، وأيّ موقع مبني خصيصاً. أما بعض المنصات مثل عملاء البريد الإلكتروني فلا تدعم iframe — وفي هذه الحالة، استخدم تضمين الصورة القابلة للنقر من FlipLink بدلاً منه. **هل يُحدَّث كود التضمين تلقائياً عند تغيير المنشور؟** نعم. لأن كود التضمين يشير إلى رابط المنشور على خوادم FlipLink، فإن أيّ تحديث تجريه — استبدال ملف PDF أو تغيير الإعدادات أو تحديث أزرار CTA — ينعكس فوراً في كل نسخة مضمَّنة دون أن تلمس كود التضمين على موقعك.

١. انشر كتابك التفاعلي أو مستندك في FlipLink. ٢. افتح لوحة المشاركة وانسخ كود التضمين. ٣. في نظام إدارة المحتوى أو محرّر الصفحات على موقعك، أضف كتلة HTML مخصّصة. ٤. الصق كود التضمين داخل كتلة HTML. ٥. عاين الصفحة للتأكد من ظهور الكتاب التفاعلي بشكل صحيح على سطح المكتب والجوّال. ٦. إن أردت تقييد الأماكن التي يمكن فيها تضمين الكتاب التفاعلي، فهيّئ [قائمة النطاقات المسموح بها](/glossary/domain-whitelisting) في إعدادات المنشور. ٧. اختبر الميزات التفاعلية (تقليب الصفحات وأزرار CTA و[جمع العملاء المحتملين](/glossary/lead-capture)) في النسخة المضمَّنة للتأكد من عملها كما هو متوقَّع.