تخطّي إلى المحتوى
أدلة8 دقائق للقراءة

كيفية إضافة عنصر واجهة توقع غروب الشمس المباشر إلى موقع الويب الخاص بك

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

تم التحديث في 14 يوليو 2026
مبني عناصر واجهة Sunset Predictor يظهر درجة جودة غروب الشمس المباشرة في باريس بجانب عناصر التحكم في التخصيص

باختصار

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

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

تحول عناصر واجهة Sunset Predictor المواقع الثابتة إلى توقعات محدثة تلقائيًا يمكنك تضمينها دون بناء تكامل الطقس الخاص بك. والنتيجة هي ميزة مضغوطة ومفيدة للناشرين في مجال السفر والفنادق ومواقع السياحة وصفحات الكاميرات الفوتوغرافية والمصورين.

ما يعرضه عنصر واجهة توقع غروب الشمس

كل عنصر واجهة يوفر للزوار المعلومات الأساسية التي يحتاجونها بنظرة سريعة:

  • درجة جودة الغروب من 0 إلى 100
  • تقييم واضح: ملحمي، جيد، عادل، أو سيء
  • وقت غروب الشمس المحلي للموقع المحدد
  • اسم الموقع أو تسمية العرض الخاصة بك
  • جملة اختيارية تشرح التوقع
  • تفاصيل الطقس اختيارية على الحجم المخصص

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

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

لماذا تضيف عنصر واجهة غروب الشمس إلى موقع الويب الخاص بك؟

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

قدم للزوار سببًا عمليًا للبقاء

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

أضف ميزة دون الحاجة إلى صيانة نظام التوقعات

يتم التعامل مع بيانات الطقس، والتسجيل، والعلامات، وتنسيق الوقت، والتحديثات التلقائية نيابةً عنك. التثبيت هو مقطع تضمين قصير بدلاً من مشروع API مخصص بواجهة خاصة به ومعالجة الأخطاء وصيانته المستمرة.

تطابق المعلومات مع جمهورك

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

تركيب العنصر في تصميمك الحالي

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

خدمة الزوار الدوليين

تدعم الأدوات 14 لغة: الإنجليزية، الفرنسية، الألمانية، الإسبانية، الروسية، البرتغالية، اليابانية، الرومانية، الأوكرانية، العربية، العبرية، الصينية المبسطة، الهندية، والإيطالية. يمكنك أيضًا اختيار الوحدات المترية أو الإمبراطورية وساعة 12 ساعة أو 24 ساعة.

كيفية إنشاء أداة الواجهة الأولى الخاصة بك

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

1. فتح مبني عناصر الواجهة

افتح مبني عناصر واجهة Sunset Predictor وجرب المعاينة العامة. يتم تحديث المعاينة عند تغيير السمة والحجم واللون واللغة وغيرها من إعدادات العرض.

عندما تكون جاهزًا للحفظ، سجل الدخول أو أنشئ حسابًا مجانيًا. من لوحة التحكم الخاصة بك، اختر إنشاء عنصر واجهة.

2. تسمية الأداة الخاصة بك للوحة التحكم الخاصة بك

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

3. ابحث عن موقع التوقع

اكتب على الأقل ثلاثة أحرف واختر المدينة الصحيحة من النتائج. تحدد الإحداثيات المختارة التوقع ووقت غروب الشمس المحلي.

يمكنك أيضًا إدخال اسم عرض اختياري. هذا مفيد عندما يكون للمكان الذي يواجه الجمهور اسم أكثر تحديدًا أو مألوفًا من نتيجة المدينة. على سبيل المثال:

  • استخدم "منظر سطحنا" بدلاً من "بوخارست، رومانيا"
  • استخدم "شاطئ كوباكابانا" بدلاً من "ريو دي جانيرو، البرازيل"
  • استخدم "كاميرا الشاطئ الشمالي" بدلاً من البلدية الأقرب

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

4. اختر المظهر والمعلومات

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

الإعدادالخياراتالتوجيه العملي
السمةفاتح، داكن، تلقائياستخدم التلقائي عندما يتبع موقع الويب المضيف بالفعل سمة نظام الزائر.
الحجممضغوط، قياسي، مخصصالمضغوط يناسب الأشرطة الجانبية؛ القياسي يوازن بين التفاصيل والمساحة؛ المخصص يضيف شبكة الطقس.
لون التمييزإعدادات مسبقة أو لون مخصصطابق لون العلامة التجارية مع الحفاظ على التباين الكافي حول حلقة الدرجة.
الوصفتشغيل أو إيقافأضف شرحًا قصيرًا لسبب تلقي التوقع لدرجته. غير متاح في الحجم المضغوط.
اللغة14 لغة مدعومةطابق لغة الصفحة التي ستظهر فيها الأداة.
الوحداتمترية أو إمبراطوريةاختر التنسيق الذي يتوقعه الزوار.
الوقت12 ساعة أو 24 ساعةطابق الاتفاقية المستخدمة في مكان آخر على موقع الويب الخاص بك.
التحديثمن 15 إلى 120 دقيقةالتردد المتاح يعتمد على خطة الحساب.

بالنسبة للحجم المخصص، حدد وأعد ترتيب تفاصيل الطقس التي تهم جمهورك. قد يفضل المصور الغيوم والرؤية واحتمالية الأمطار. قد يفضل الفندق درجة الحرارة والسحب والرياح.

5. أنشئ الأداة وانسخ رمز التضمين

اختر إنشاء عنصر واجهة. تعرض الشاشة التالية المعاينة المحفوظة وخيارين للتثبيت: علامة سكربت وiFrame.

خيار التضمينالأفضل لـما يجب معرفته
علامة سكربتمعظم مواقع الإنترنت والتصميمات المخصصةيتم تحميله بشكل غير متزامن ويعرض الأداة مباشرة داخل الصفحة.
iFrameمنصات CMS أو الصفحات التي تعزل المحتوى الخارجييحافظ على الأداة في مستندها الخاص ويشمل ضبط تلقائي للارتفاع.

يبدو خيار علامة السكربت كما يلي، مع إدخال معرف الأداة الفريد الخاص بك تلقائيًا:

<div id="sunset-widget-wgt_your_widget_id"></div>
<script src="https://sunset-predictor.com/api/widget/embed.js?v=1"
        data-widget-id="wgt_your_widget_id"
        async></script>

استخدم زر نسخ الكود بدلاً من تحرير المعرف المولد يدويًا.

6. الصق المقطع في موقع الويب الخاص بك

أضف الكود حيث تريد أن تظهر الأداة. يعتمد الموقع الدقيق على المنصة:

  • على موقع مبني بشكل مخصص، ضعه في القالب المناسب للصفحة أو كتلة المحتوى.
  • في ووردبريس، استخدم كتلة HTML مخصصة.
  • في مُنشئ الصفحات، استخدم عنصر HTML أو تضمين أو كود.
  • في CMS بقواعد صارمة للسكربتات، جرب خيار iFrame.

نشر أو تحديث الصفحة، ثم افتح عنوان URL المباشر وتحقق من الأداة على كل من سطح المكتب والهاتف المتنقل. تأكد من أن الموقع واللغة وتنسيق الساعة والوحدات والتباعد جميعها تلائم الصفحة حولها.

إذا كانت CMS تمنع رمز التضمين أو لم تظهر الأداة، اتصل بدعم Sunset Predictor للحصول على المساعدة في التثبيت.

ما يحدث بعد أن تصبح الأداة حيًا؟

تطلب الأداة بيانات توقع جديدة تلقائيًا وفقًا لفترة التحديث المحددة. تعتمد الفترة المتاحة عليك على خطتك، من كل 120 دقيقة في الخطة المجانية إلى كل 15 دقيقة في المؤسسة.

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

تتيح لك لوحة المعلومات أيضًا:

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

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

أي خطة تناسب موقعك؟

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

الخطةعناصرالعروض الشهريةأسرع تحديثحجم مخصصإزالة العلامة التجاريةاستخدام تجاري
مجاني12,000120 دقيقةلالالا
برو525,00060 دقيقةنعمنعمنعم
أعمال25150,00030 دقيقةنعمنعمنعم
مؤسسةغير محدود1,000,00015 دقيقةنعمنعمنعم

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

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

طرق عملية لاستخدام الأداة

يرتبط القوي بوضع التوقع بقرار يتخذه الزائر بالفعل.

الفنادق والمنتحعات

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

مواقع السياحة والوجهات

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

مواقع الكاميرا المباشرة وركوب الأمواج

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

أدلة التصوير الفوتوغرافي

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

صفحات الأحداث والمواقع

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

نصائح لتحسين التضمين

قبل نشر الأداة على نطاق واسع، قم ببعض الاختيارات المقصودة:

  1. ضعها بالقرب من المحتوى ذي الصلة. يكون التوقع بجانب وصف السطح أكثر فائدة من وجوده مخفيًا في تذييل عام.
  2. استخدم تسمية عرض محددة. "تراس الميناء" يمنح الزوار مزيدًا من السياق مقارنة باسم مدينة واسع عندما يكون الموقع واضحًا بالفعل.
  3. طابق لغة الصفحة، والوحدات، والساعة. الإنconsistencies الصغيرة تجعل ميزة مضمنة تبدو منفصلة عن بقية موقع الويب.
  4. احتفظ بالكثافة المعلوماتية مناسبة. يعمل المضغوط للتخطيطات الضيقة؛ يعمل المخصص عندما تكون تفاصيل الطقس جزءًا من الهدف الرئيسي للصفحة.
  5. تحقق من التباعد على الهاتف المحمول بعد التثبيت. الأداة جزء واحد فقط من الصفحة، لذا اختبر كيفية تلائمها بجانب العناوين والصور والأزرار الخاصة بك.
  6. راجع عدد الانطباعات بشكل دوري. تساعدك على الاطلاع على ما إذا كان الموضع يتلقى حركة المرور وما إذا كانت خطتك الحالية لا تزال ملائمة.

الخلاصة

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

FAQ

هل أحتاج إلى أن أكون مطورًا لإضافة الأداة الغروب؟

لا. قم بتكوين الأداة في مبني العناصر المرئي، انسخ السكربت المولد أو مقطع iframe، والصقه في كتلة HTML أو تضمين على موقع الويب الخاص بك. قد تتطلب بعض المنصات المدارة إذنًا لإضافة كود مخصص.

هل يمكنني تغيير الأداة بعد تضمينها؟

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

ماذا يحدث إذا تم الوصول إلى حد عرض الأدوات الشهري؟

تستمر الأداة في العرض. تتوقف الانطباعات الإضافية عن العد لهذا الشهر، ويظهر شعار Sunset Predictor. تعتمد الحدود الشهرية للعروض على خطة الحساب.

هل يجب أن أستخدم السكربت أو تضمين iframe؟

السكربت هو الخيار الافتراضي الجيد لمعظم مواقع الويب. استخدم iframe عندما يعزل CMS الخاص بك المحتوى الخارجي أو لا يسمح بالتضمين كود السكربت. يتم توليد كلا الخيارين تلقائيًا لكل أداة.