طريقة أفضل لتضمين مستندات PDF في صفحات الويب

كيف يمكنك تضمين مستند PDF في موقع الويب الخاص بك للعرض المضمن؟ أحد الخيارات الشائعة هو تحميل ملف PDF إلى خدمة تخزين عبر الإنترنت، مثل Google Drive أو OneDrive من Microsoft، وجعل الملف عامًا ثم نسخ رمز IFRAME الذي توفره هذه الخدمات لتضمين المستند بسرعة في أي موقع ويب.

فيما يلي نموذج لتضمين ملف PDF لـ Google Drive والذي يعمل عبر جميع المتصفحات.

<iframe
  frameborder="0"
  scrolling="no"
  width="640"
  height="480"
  src="https://drive.google.com/file/d/<<FILE_ID>>/preview"
>
</iframe>

هذه هي الطريقة الأكثر شيوعًا لتضمين ملفات PDF – فهي بسيطة، وتعمل فقط ولكن الجانب السلبي هو أنه لا يمكنك التحكم في كيفية عرض ملفات PDF في صفحات الويب الخاصة بك.

إذا كنت تفضل تقديم تجربة قراءة أكثر تخصيصًا وغامرة لملفات PDF في موقع الويب الخاص بك، فاطلع على Adobe View SDK الجديد. يعد هذا جزءًا من النظام الأساسي Adobe Document Cloud ولكنه لا يكلف فلسًا واحدًا.

فيما يلي بعض الميزات الفريدة التي تجعل حل تضمين PDF هذا مميزًا:

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

عرض صفحات PDF مضمنة مثل الصور ومقاطع الفيديو

في الوضع المضمن، وهذا فريد بالنسبة لـ Adobe View SDK، يتم عرض جميع صفحات مستند PDF المضمن مرة واحدة حتى لا يضطر زوار موقعك إلى تمرير مستند آخر باستخدام صفحة الويب الأصلية. يتم إخفاء عناصر تحكم PDF عن المستخدم ويتم دمج صفحات PDF مع الصور ومحتويات HTML الأخرى على صفحة الويب الخاصة بك.

لمعرفة المزيد، راجع هذا العرض التوضيحي المباشر – هنا يحتوي مستند PDF على 7 صفحات ولكن يتم عرضها جميعًا مرة واحدة كصفحة ويب طويلة واحدة، مما يوفر التنقل السلس.

كيفية تضمين ملفات PDF باستخدام Adobe View SDK

يستغرق الأمر بضع خطوات إضافية لاستخدام View SDK. انتقل إلى adobe.io وقم بإنشاء مجموعة جديدة من بيانات الاعتماد لموقعك على الويب. يرجى ملاحظة أن بيانات الاعتماد صالحة لنطاق واحد فقط، لذا إذا كان لديك مواقع ويب متعددة، فستحتاج إلى مجموعة مختلفة من بيانات الاعتماد لها.

بعد ذلك، افتح الملعب وقم بإنشاء رمز التضمين. تحتاج إلى استبدال clientId مع مجموعة من بيانات الاعتماد الخاصة بك. ال url في نموذج التعليمات البرمجية يجب أن يشير إلى موقع ملف PDF الخاص بك.

<div id="adobe-dc-view" style="width: 800px;"></div>
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>
<script type="text/javascript">
  document.addEventListener('adobe_dc_view_sdk.ready', function () {
    var adobeDCView = new AdobeDC.View({
      clientId: '<<YOUR_CLIENT_ID>>',
      divId: 'adobe-dc-view'
    });
    adobeDCView.previewFile(
      {
        content: { location: { url: '<<PDF Location>>' } },
        metaData: { fileName: '<<PDF File Name>>' }
      },
      {
        embedMode: 'IN_LINE',
        showDownloadPDF: false,
        showPrintPDF: false
      }
    );
  });
</script>

تحقق من المستندات الرسمية ومستودع التعليمات البرمجية لمزيد من العينات.