كيفية تضمين ملف PDF في موقع

إطار بسيط، على أي موقع

ارفع ملف PDF إلى موقعك، ثم ضعه في إطار حيث تريد أن يظهر، مع رابط بجانبه:

<iframe src="https://www.example.com/files/report.pdf" title="Annual report" width="100%" height="800"></iframe>
<p><a href="https://www.example.com/files/report.pdf">Open the report (PDF)</a></p>

ويؤدي <embed> و<object> الغرض نفسه؛ لكن <object> وحده يستطيع أن يعرض شيئًا آخر، كذلك الرابط، حين يتعذر عرض ملف PDF. ويقترح MDN رابطًا خارج الإطار أيضًا، لأن العارض قد يُحمَّل ثم يفشل رغم ذلك.

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

WordPress

أضف مكوّن File (ملف)، واختر ملف PDF، وفعّل Show inline embed (إظهار التضمين داخل الصفحة). يضعه WordPress في الصفحة داخل <object>، بارتفاع 600 بكسل ما لم تغيّره. ويحذّر محرره نفسه من أن معظم متصفحات الهواتف والأجهزة اللوحية لن تعرض ملف PDF المضمّن، وعلى الهواتف والأجهزة اللوحية يعرض الرابط وزر التنزيل بدلًا منه، ما لم يقل المتصفح إن لديه عارض PDF. ولتغيير ملف PDF، استبدله في المكوّن وحدّث المقالة.

Google Drive

شارك ملف PDF مع Anyone with the link (أي شخص لديه الرابط)، وافتحه في نافذة جديدة، واختر Embed item (تضمين العنصر) لتحصل على إطار تلصقه. وتصف Google ذلك في مدونة Workspace الخاصة بها، لا في صفحات المساعدة لديها. يرسم عارض Drive نفسه الصفحات، ولا يحتاج الزوار إلى حساب Google؛ ولا يستطيع الحساب الشخصي معرفة من قرأه.

عارض PDF المجاني من Adobe

واجهة PDF Embed API من Adobe مجانية، وتقول Adobe إنها تعمل في Chrome على Android، وفي Safari وChrome على iOS. تحتاج إلى معرّف عميل (client ID) مجاني لنطاقك، لكل معرّف نطاق واحد لا يمكن تغييره بعد ذلك، وإلى بضعة أسطر من JavaScript تحمّل عارض Adobe من Adobe نفسها، ولا يمكن استضافته على خادمك الخاص. وعلى الهاتف لا يستطيع الطباعة، وعلى iPhone لا يستطيع التنزيل.

Squarespace وWix

ليس لدى أيٍّ منهما كتلة تعرض ملف PDF داخل الصفحة. تحيل صفحات المساعدة في Squarespace إلى Issuu، بخطة Issuu مدفوعة، أو إلى كود تضمين يُلصق في كتلة Code، في خطة Core وما فوقها. أما صفحات المساعدة في Wix بالإنجليزية فتقترح زرًا أو رابطًا يُنزّل ملف PDF أو يفتحه، أو تطبيقًا من App Market الخاص بها.

Solta

أفلت ملف PDF على تحويل PDF إلى رابط، وافتح نافذة Embed (تضمين) الخاصة بالموقع في Solta، وانسخ الكود. يعرض الإطار عارض PDF من Solta، وهو صفحة ويب ترسم الصفحات بنفسها، فيعرض الهاتف ملف PDF داخل الصفحة كما يعرضه الكمبيوتر. ويضبط الإطار ارتفاعه افتراضيًا ليناسب المحتوى، بسكربت صغير؛ أما الارتفاع الثابت فسطر واحد، لمنصات إنشاء الصفحات التي تحذف السكربتات.

انشر ملف PDF المصحّح على الموقع نفسه فتعرض كل صفحة تضمّنه الملف الجديد، دون كود جديد. وتُحصى المشاهدات داخل الإطار منفصلةً عن زيارات الرابط، مع الموقع الذي كانت عليه. في Free يحمل الإطار شارة Solta صغيرة؛ وفي خطط Plus، Pro وTeam لا شارة عليه، وفي خطتَي Pro وTeam يمكنك تحديد المواقع التي يُسمح لها بتضمينه.

لا يمكن تضمين موقع خلف كلمة مرور أو دعوة: فالحاجز يحتاج إلى صفحة خاصة به. كيف يعزل Solta المواقع بعضها عن بعض.

أيّها تستخدم

• ملف PDF على موقعك الخاص، يُقرأ غالبًا على أجهزة الكمبيوتر: إطار بسيط، ومعه رابط بجانبه.
• موقع على WordPress: مكوّن File (ملف)، مع العلم أن الهواتف تحصل على زر التنزيل.
• يجب أن يظهر على الهواتف وتستطيع إضافة سكربت: عارض Adobe، أو Solta.
• سيتغير، أو تريد أن تعرف أنه قُرئ، أو تفضّل ألا تُعِدّ شيئًا: Solta.

المصادر

ما نذكره عن كل منها هو ما قالته صفحاتها نفسها حين قرأناها، في 1 نوفمبر 2026:

• MDN: iframe، وembed، وobject (بالإنجليزية)
• Chrome: فتح ملفات PDF في Chrome أو تنزيلها (بالإنجليزية)
• WordPress: مكوّن File، وملاحظته عن الهواتف والتحقق من وجود عارض PDF (بالإنجليزية)
• Google Workspace Updates: تضمين ملفات Drive والمشاركة في Drive (بالإنجليزية)
• Adobe PDF Embed API: البدء والأسعار (بالإنجليزية)
• Squarespace: عرض الملفات، وIssuu، وكتل التضمين (بالإنجليزية)
• Wix: مشاركة المستندات على موقعك (بالإنجليزية)

أسئلة