كيفية تضمين ورقة Google في موقع ويب

كيف

بواسطةريان دوبي

آخر تحديث في16 نوفمبر 2020

يمكن أن تكون القدرة على تضمين جدول بيانات Google على موقع ويب ذات قيمة. خاصة عندما تريد إبقاء القراء على اطلاع دائم بالمعلومات المتغيرة باستمرار.

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

مهما كانت حاجتك لتمرير معلومات مباشرة للقراء ، يمكن أن يساعدك تضمين جداول بيانات Google.

كيفية تنسيق ورقة Google المضمنة

قبل أن تتمكن من تضمين ملف ورقة جوجل على موقع ويب ، فأنت بحاجة إلى التأكد من أنه منسق بشكل صحيح. فيما يلي بعض الأشياء التي يجب وضعها في الاعتبار أثناء إنشاء أو تنسيق جدول بيانات Google.

• تأكد من أن الصف الأول يحتوي على أسماء الأعمدة فقط.
• يُعد الخط الغامق وتنسيقات النص الأخرى جيدًا وسيتم عرضه على صفحة الويب.
• احتفظ بجميع البيانات التي تريد عرضها في علامة تبويب واحدة.
• اجعل حجم جدول البيانات قابلاً للإدارة.

ستصبح كل مشكلات التنسيق هذه أكثر وضوحًا عندما تقوم بتضمين جدول بيانات Google الخاص بك على موقع الويب الخاص بك. لكن التخطيط المسبق وتنظيم جدول البيانات الخاص بك ليلائم صفحة الويب الخاصة بك بشكل جيد سيوفر لك الكثير من وقت التجربة والخطأ.

إذا كنت تستخدم أحد القوالب في جداول بيانات Google ، فتأكد من حذف أي صف علوي بحيث تكون رؤوسك هي الصف الأول دائمًا.

عند الانتهاء ، يجب أن يتم تنسيق جدول البيانات وحجمه بالضبط بالشكل الذي تريده أن يظهر على موقع الويب الخاص بك.

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

استخدام النشر على الويب

أسهل طريقة لتضمين جدول بيانات Google على موقع ويب هي استخدام امتداد انشر على الويب ميزة داخل جداول بيانات Google. دعونا نلقي نظرة على كيفية عمل هذا.

1. بمجرد تنسيق الورقة بشكل مناسب ، حدد ملف من القائمة. تحديد انشر على الويب.

2. في النافذة التالية ، حدد القائمة المنسدلة أسفل حلقة الوصل واختر علامة التبويب بالبيانات التي تريد تضمينها في صفحة الويب الخاصة بك.

3. بعد ذلك ، حدد القائمة المنسدلة أسفل تضمين، وتأكد صفحة ويب محددًا من القائمة (يجب تحديده افتراضيًا).

4. حدد ملف ينشر زر. حدد موافق في نافذة التأكيد المنبثقة. التحديدات في نافذة النشر ستتغير. حدد ملف تضمين علامة التبويب مرة أخرى. قم بتمييز ونسخ رمز التضمين المعروض في النافذة.

أنت الآن جاهز للصق هذا الرمز في موقع الويب الخاص بك لتضمين جدول البيانات.

تضمين جدول بيانات Google على موقع WordPress

يمكنك الآن ببساطة نسخ كود iframe هذا ووضعه في HTML للصفحة التي تريد تضمينها فيها. ستظهر الورقة الحية على الصفحة أينما تضعها.

إذا كنت تستخدم WordPress ، فإن تضمين كود في WordPress يعني أنك بحاجة إلى إدخال كود HTML فعلي في نسخة صفحتك.

1. للقيام بذلك ، قم بتحرير الصفحة حيث تريد تضمين ورقة Google وحدد النقاط الثلاث في الزاوية اليمنى العليا من نافذة محرر WordPress وحدد محرر الكود تحت محرر الجزء.

2. في عرض محرر الشفرة ، الصق رمز iframe من جداول بيانات Google في منطقة الصفحة التي تريد تضمينها فيها.

3. احفظ المسودة ثم حدد معاينة لترى كيف يبدو جدولك عند نشره.

كما ترى ، فإن العرض الافتراضي لجدول البيانات المضمن ليس دائمًا مثاليًا. لكن لا تقلق ، فهناك طرق يمكنك من خلالها تعديل مظهر جدول البيانات.

تخصيص جدول بيانات Google مضمن

ستكون الخطوة التالية هي التأكد من أن حجم جدول البيانات مناسب لصفحة الويب الموجودة عليه. باستخدام كود iframe ، يمكنك القيام بذلك عن طريق وضع النص العرض = ”xxx” و الارتفاع = "xxx" مباشرة بعد نص "iframe".

في هذه الحالة ، إذا كنت تريد أن يكون حجم إطار iframe بعرض 800 بكسل وارتفاع 400 بكسل ، فستبدو شفرتك على هذا النحو.

احفظ المسودة وقم بمعاينتها مرة أخرى. ستلاحظ أن حجم الورقة المضمنة أصبح الآن أكبر بكثير ويملأ الصفحة بالكامل كما ينبغي.

هذا سوف يعمل لمعظم الأغراض. لكن ضع في اعتبارك أنه إذا كنت تستخدم تصميم موقع ويب سريع الاستجابة ، فسيظل الجدول بالحجم نفسه بغض النظر عن كيفية قيام القارئ بتغيير حجم النافذة. هذا يعني أنه إذا قاموا بتقليص نافذة المتصفح ، أو قاموا بزيارة الموقع باستخدام جهاز محمول ، فقد يتجاوز جدولك عناصر الصفحة الأخرى مثل القوائم الجانبية.

ربما يمكنك الالتفاف على هذا من خلال استخدام كود CSS في تصميم الويب سريع الاستجابة الخاص بك ، ولكن هذا خارج نطاق هذه المقالة.

تحديث جداول بيانات Google المضمنة في الوقت الفعلي

هنا يبرز تضمين جداول بيانات Google حقًا.

للتأكد من عمل التحديثات التلقائية ، ارجع إلى جدول بيانات Google وافتح نافذة النشر على الويب مرة أخرى. في الجزء السفلي ، سترى قسمًا لـ المحتوى المنشور والإعدادات. حدد رمز القائمة المنسدلة بجوار هذا وتأكد إعادة النشر تلقائيًا عند إجراء التغييرات تم الإختيار.

مع تمكين هذا ، يمكنك الانتقال إلى جدول البيانات المصدر في أي وقت وإجراء التغييرات.

كلما قمت بإجراء تغييرات على الورقة المصدر ، يتم تحديث هذه التغييرات مباشرة على صفحة الويب.

ربما يمكنك تخيل مدى فائدة ذلك في تمرير المعلومات التي قمت بتخزينها في جدول بيانات بسرعة إلى جمهور كبير.

خيارات أخرى

لديك خيارات أخرى متاحة للحصول على جدول بيانات Google على صفحة ويب. نهج آخر هو تحديد ملف القائمة ، حدد تحميل، ثم حدد صفحة ويب (بتنسيق .html ، مضغوطة).

سيوفر لك هذا كل تعليمات HTML البرمجية التي تحتاجها لتضمين كل علامة تبويب في جدول البيانات باستخدام كود HTML.

من منظور التصميم ، هناك مشكلة كبيرة في هذا النهج. الطريقة المستخدمة في HTML لنسخ جدول البيانات هي باستخدام

العنصر والعلامات المرتبطة به.

يعد هذا أسلوبًا فوضويًا وقديمًا جدًا لتقديم جدول بيانات عبر الويب. كما أنه لا يوفر تحديثات في الوقت الفعلي لأي تغييرات. ستحتاج إلى إعادة تنزيل الرمز في أي وقت تُجري فيه تغييرًا. ومع ذلك ، في أسوأ سيناريو حيث قد لا تتمكن من استخدام كود iframe ، يعد هذا أحد الخيارات.

مهما كان النهج الذي تتبعه ، فإن تضمين ورقة Google على موقع ويب يمكن أن يكون وسيلة فعالة للغاية لتوصيل المعلومات المهمة (والتغييرات التي تطرأ على تلك المعلومات) إلى جمهور كبير جدًا. إذا كنت تمتلك موقعًا على الويب ، فنحن نوصي بشدة بتعلم كيفية القيام بذلك وتنفيذه على موقع الويب الخاص بك. هناك أيضا طرق قم بتضمين أوراق PowerPoint أو Excel على صفحات الويب الخاصة بك وكذلك إذا كنت مهتمًا.

كيف

كيفية إهداء اشتراك Disney Plus ببطاقة هدايا رقمية

إذا كنت تستمتع بـ Disney Plus وترغب في مشاركتها مع الآخرين ، فإليك كيفية شراء اشتراك Disney + Gift مقابل ...

كيف

دليلك إلى مشاركة المستندات في مستندات Google وجداول البيانات والعروض التقديمية

يمكنك بسهولة التعاون مع تطبيقات Google المستندة إلى الويب. إليك دليلك للمشاركة في المستندات وجداول البيانات والعروض التقديمية من Google مع الأذونات ...