هل تحتاج إلى تقويم مباشر ذي مظهر احترافي على موقع الويب الخاص بك لإعلام الزائرين بالأحداث القادمة أو لتحديد موعد؟ بدلاً من إنشاء شيء ما من البداية أو استخدام بعض تطبيقات التقويم المخصصة^{(custom calendar app)} التي قد لا تحصل على تحديثات مستقبلية ، فلماذا لا تستخدم شيئًا يستخدمه الملايين من الآخرين يوميًا؟

الذهاب في هذا الطريق ، يمكنك تضمين تقويم Google^{(Google Calendar)} على موقعك. كما أنه مجاني وسهل الاستخدام. كل ما تحتاجه للبدء هو حساب Google^{(Google account)} .

ابدأ^(Get) بتسجيل الدخول إلى حساب Google^{(Google account)} الخاص بك ، وانقر على شبكة التطبيقات بجوار صورة ملفك الشخصي وانقر^{(picture and click)} على التقويم^(Calendar) .

احصل على كود التضمين^{(Get the Embed Code)}

افتح الخيارات^{(Options by )} بالنقر فوق النقاط الثلاث المجاورة للتقويم الذي تريد تضمينه.  

انقر فوق الإعدادات والمشاركة^{(Settings and sharing)} من النافذة المنبثقة.

قم بالتمرير^(Scroll) لأسفل صفحة إعدادات التقويم^(Calendar) حتى تجد قسم دمج التقويم^{(Integrate calendar)} .

لجعل التقويم الخاص بك مرئيًا للجميع وليس فقط لمن تشاركه معهم ، ستحتاج إلى جعله عامًا^{( make it public)} .

للقيام بذلك ، قم بتمكين المربع بجوار جعله متاحًا للجمهور^{(Make available to public)} ضمن أذونات الوصول^{(Access permissions)} .

قم بتضمين الكود في قسم HTML^{(HTML section)} لصفحة ويب أو منشور^{(page or post)} . على سبيل المثال ، إذا كنت تستخدم WordPress ، فأنشئ صفحة جديدة.

انقر فوق النص^{(Text )} للتبديل إلى محرر HTML^{(HTML editor)} . انسخ كود التضمين^{(Embed code)} من تقويم Google والصقه^{(Google calendar and paste)} في الصفحة.

انقر فوق علامة التبويب المرئية^{(Visual )} لترى كيف يبدو التقويم على صفحتك. يمكنك أيضًا تحديد معاينة^(Preview) لرؤيتها في الواجهة الأمامية لموقع الويب الخاص بك.

الصق كود HTML للتقويم^{(Calendar HTML code)} في أي صفحة ويب حيث يُسمح لك بتضمين الكائنات.

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

تخصيص إعدادات تقويم Google^{(Customize Google Calendar Settings)}

انقر فوق الزر " تخصيص^(Customize) " الموجود مباشرة أسفل رمز التضمين. هذا وسوف تفتح نافذة جديدة.

قم بتحرير أو إضافة عنوان إلى التقويم الخاص بك عن طريق كتابته ضمن عنوان التقويم^{(Calendar title)} . إذا كنت تريد أن يظهر العنوان ، فقم بتمكين المربع بجوار العنوان^(Title) .

حدد^(Specify) العناصر التي تريد إظهارها في التقويم الخاص بك عن طريق التحقق من الإعدادات التالية ضمن إظهار^(Show) :

• لقب
• أزرار التنقل
• بيانات
• رمز الطباعة
• نوافذ التبويب
• قائمة التقويم
• وحدة زمنية

الحجم الافتراضي^{(default size)} لتقويم Google^{(Google Calendar)} هو 800 ×^(Height) 600. قم بتغيير الحجم عن طريق تحريك السهمين لأعلى ولأسفل بجوار العرض^(Width) والارتفاع .

على سبيل المثال ، إذا كنت تريد تضمين تقويم على شريط جانبي ، فقم بتقليل العرض^(Width) إلى حجم أصغر مثل 300.

تشمل الإعدادات الأخرى التي يمكنك تخصيصها ما يلي:

• لون الخلفية يناسب لون^{(Background color)} علامتك التجارية^{(brand color)}
• المنطقة الزمنية واللغة
• الحدود (مفعّلة أو متوقفة عن التشغيل)
• الشهر الافتراضي
• اول يوم من الاسبوع

بعد تخصيص الخيارات ، اعرض التقويم المباشر^{(live calendar)} الأخير على صفحة الويب الخاصة بك. عند تغيير حدث في التقويم الخاص بك ، سيتم تحديثه تلقائيًا.

يوجد أدناه^(Below) لقطة شاشة من العرض الشهري.

يمكنك أيضًا عرض التقويم الخاص بك حسب الأسبوع.

إذا كنت تريد إجراء أي تغييرات ، فيمكنك دائمًا الرجوع إلى إعدادات تقويم Google^{(Google Calendar)} وضبطها ..

تأكد من نسخ ولصق رمز HTML^{(HTML code)} الجديد بعد إجراء أي تحديثات للتنسيق لتعكس التغييرات الجديدة.

كيفية السماح للزائرين بحفظ حدث التقويم^{(How to Let Visitors Save a Calendar Event)}

لتمكين الزوار من حفظ الحدث الخاص بك على تقويم Google^{(Google Calendar)} الخاص بهم ، أضف زرًا إلى موقع الويب الخاص بك. تأكد^(Make) من أن التقويم الخاص بك هو عام.

افتح تقويم Google^{(Google Calendar)} الخاص بك . لاحظ أنه لا يمكن إجراء التغييرات إلا من جهاز كمبيوتر وليس من تطبيق جوال.

لإضافة حدث ، حدد اليوم الذي تريد إضافته إليه وانقر على " إنشاء^(Create) " في الزاوية العلوية اليسرى.

املأ^(Fill) تفاصيل الحدث في النافذة المنبثقة وانقر على ^{(popup and click)} حفظ^(Save) .

لفتح حدث في التقويم الخاص بك ، انقر فوقه نقرًا مزدوجًا. ثم انقر فوق النقاط الثلاث في الزاوية اليمنى العليا^{(right-hand corner)} لفتح الخيارات^(Options) ، وحدد نشر الحدث^{(Publish event)} .

قم بتضمين رمز HTML^{(HTML code)} من النافذة المنبثقة على موقع الويب الخاص بك لتمكين الزوار من إضافة الحدث إلى ^{(popup window)}تقويم Google^{(Google Calendar)} الخاص بهم .

ارجع إلى موقع الويب الخاص بك والصق^{(website and paste)} الرمز من المصدر أو عرض HTML^{(source or HTML)} حيث تريد عرض زر الحدث^{(event button)} .

عندما ينقر الزائر على زر تقويم Google^{(Google Calendar button)} ، سيفتح التقويم الخاص به ويضيف الحدث إليه. يمكنك أيضًا دعوة الأشخاص إلى الحدث الخاص بك باستخدام الرابط المعروض في نفس النافذة المنبثقة^{(popup window)} .

قم بتضمين تقويم Google في WordPress باستخدام المكونات الإضافية^{(Embed Google Calendar into WordPress Using Plugins)}

كما هو الحال مع معظم الوظائف في WordPress ، هناك مكون إضافي لذلك. إن تضمين تقويم Google^{(Google Calendar)} في موقع WordPress^{(WordPress website)} ليس استثناءً. يوجد أدناه العديد من مكونات WordPress الإضافية التي يمكنك استخدامها. 

البرنامج المساعد التقويم البسيط^{(Simple Calendar Plugin)}

يعرض التقويم البسيط^{(Simple Calendar)} الأحداث الخاصة بك حسب الأسبوع أو الشهر أو في قائمة. إنه سهل الإعداد ، ويستجيب للأجهزة المحمولة ، وقابل للتخصيص حسب احتياجاتك.

تشمل الميزات الأخرى: 

• إدارة الأحداث في Google وتحديثها تلقائيًا في WordPress
• أحداث رمز اللون
• بديهية ومباشرة للتكوين
• وظائف إضافية مع الوظائف الإضافية^{( add-ons)}

يعد هذا المكون الإضافي اختيارًا ممتازًا لمستخدمي تقويم Google^{(Google Calendar power)} المتميزين. إحدى الميزات الفريدة هي القدرة على نقل الأحداث ذات الترميز اللوني.

Dan's Embedder لتقويم Google^{(Dan’s Embedder for Google Calendar)}

اعرض تقويمات Google^{(Display Google)} في قائمة أو عرض كامل باستخدام Dan's Embedder لتقويم Google^{(Google Calendar)} .

ليست هناك حاجة لإدارة أو استيراد الأحداث في WordPress . تحتاج فقط إلى تقويم واحد أو أكثر من تقويم Google^{(Google Calendars)} العام . تشمل الميزات الأخرى:

• تكوين الخيارات مع الرموز القصيرة
• حدد عدد العناصر المراد إظهارها
• قم بتضمين تقاويم متعددة 

يتطلب هذا البرنامج المساعد مفتاح API^{(API key)} . اتبع الخطوات أدناه للحصول على ما يناسبك:

• قم بزيارة Google Developers Console
• من القائمة الجانبية ، تحقق من واجهات برمجة التطبيقات والمصادقة^{(APIs and auth)} > بيانات الاعتماد^(Credential)
• انقر فوق الزر إنشاء مفتاح جديد^{(Create new key)} من قسم الوصول إلى واجهة برمجة التطبيقات العامة^{(Public API access)}
• حدد مفتاح المستعرض^{(Browser key)} واترك " تحديد المرجع^{(Referrer Limitation)} " فارغًا
• ضع هذا المفتاح في صفحة إعدادات البرنامج المساعد

تقويم الأحداث WD^{(Event Calendar WD)}

أنشئ^(Create) ترويجًا للحدث وقم بإدارة^{(event promotion and manage)} الأحداث أو إضافتها إلى مدونة WordPress^{(WordPress blog)} الخاصة بك باستخدام Event Calendar WD .

قدم وصفًا تفصيليًا لأحداثك باستخدام محرر WordPress^{(WordPress editor)} ، وأرفق العلامات ، وقم بتعيين فئات لكل منها. تتضمن بعض الميزات الأخرى ما يلي:

• واجهة سهلة الاستخدام للتحكم الكامل في كيفية عرض التقويمات والأحداث على موقع الويب الخاص بك
• تخصيص وإدارة التقويمات الخاصة بك بسهولة
• عدد غير محدود من التقاويم والأحداث
• قم بتحسين كل حدث من أجل رؤية أفضل لكبار المسئولين الاقتصاديين ومحركات البحث^{(SEO and search engine visibility)}
• قم بتمكين أزرار المشاركة الاجتماعية لنشر الكلمة حول الأحداث الخاصة بك

تقويم الحجز البسيط WP^{(WP Simple Booking Calendar)}

^(Quickly)قم بتثبيت تقويم Google^{(Google Calendars)} وتضمينه في موقعك على الويب بسرعة وسهولة .

يمنحك الإصدار المجاني من WP Simple Booking Calendar الوصول إلى الميزات الأساسية التي تحتاجها مثل تتبع الأحداث الخاصة بك. ^{(WP Simple Booking Calendar)}تشمل ميزات الإصدار المجاني ما يلي^{(version include)} :

• تصميم متجاوب
• النسخ الاحتياطي^(Backup) واستعادة البيانات والتقويمات
• عرض التواجد الخاص بك 

لمزيد من وظائف النشر والتحرير المتقدمة ، يمكنك الترقية إلى الإصدار المميز^{(Premium version)} .

سيستفيد المستخدمون الذين يرغبون في إدارة وعرض مدى توفرهم لخدماتهم على موقع الويب الخاص بهم أو الإعلان عن الأحداث القادمة بشكل كبير من تضمين ^{(website or announce)}تقويم Google^{(Google Calendar)} على موقعهم.

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

كل ما تحتاجه هو اتصال بالإنترنت ، ومتصفح ويب^{(web browser)} ، وحساب Google^{(Google account)} لإنشاء وعرض تقويم ذو مظهر احترافي على موقعك.

How To Embed Google Calendar On Your Website

Do you need a professional-looking live calendar on your website to let visitors know about upcomіng events or to schedule an appointment? Instead of building something from scratch or using some custom calendar app that might not get future updates, why not use something that millions of others are using on a daily basis?

Going that route, you can embed a Google Calendar onto your site. It’s also free and easy to use. All you need to get started is a Google account.

Get started by logging into your Google account, click on the apps grid next to your profile picture and click on Calendar.

Get the Embed Code

Open Options by clicking on the three dots adjacent to the calendar you want to embed.  

Click on Settings and sharing from the popup.

Scroll down the Calendar settings page until you find the Integrate calendar section.

To make your calendar visible to everyone and not only those you share it with, you will need to make it public.

To do this, enable the box next to Make available to public under Access permissions.

Embed the code into the HTML section of a web page or post. For example, if you are using WordPress, create a new page.

Click on Text to switch to the HTML editor. Copy the Embed code from your Google calendar and paste it into the page.

Click on the Visual tab to see what the calendar looks like on your page. You can also select Preview to see it on the front end of your website.

Paste the Calendar HTML code into any web page where you’re allowed tto embed objects.

If you like Google’s default format settings for the calendar, you’re good to go. To change the color, size, and other options of your calendar, you can customize its settings.

Customize Google Calendar Settings

Click the Customize button located directly under the embed code. This will open a new window.

Edit or add a title to your calendar by typing it under Calendar title. If you want the title to show, enable the box next to Title.

Specify which elements you want to show on your calendar by checking the following settings under Show:

• Title
• Navigation buttons
• Data
• Print icon
• Tabs
• Calendar list
• Time Zone

The default size of the Google Calendar is 800 by 600. Change the size by moving the up and down arrows next to Width and Height.

For example, if you want to embed a calendar on a sidebar, reduce the Width to a smaller size such as 300.

Other settings you can customize include:

• Background color to match your brand color
• Time zone and language
• Border (on or off)
• Default month
• First day of the week

After you customize the options, view your final live calendar on your web page. When you change an event on your calendar, it will update automatically.

Below is a screenshot of the monthly view.

You can also view your calendar by week.

If you want to make any changes, you can always go back to your Google Calendar settings and adjust them..

Be sure to copy and paste the new HTML code after making any formatting updates  to reflect the new changes.

How to Let Visitors Save a Calendar Event

To enable visitors to save your event on their own Google Calendar, add a button to your website. Make sure your calendar is public.

Open your Google Calendar. Note that changes can only be made from a computer and not a mobile app.

To add an event, select the day you want to add it to and click on Create in the top left-hand corner.

Fill in the details of your event in the popup and click Save.

To open an event in your calendar, double-click it. Then click the three dots in the upper right-hand corner to open Options, and select Publish event.

Embed the HTML code from the popup window on your website to enable visitors to add the event to their own Google Calendar.

Go back to your website and paste the code from the source or HTML view where you want the event button to display.

When a visitor clicks on the Google Calendar button, it will open their calendar and add the event to it. You can also invite people to your event using the link displayed in the same popup window.

Embed Google Calendar into WordPress Using Plugins

As with most functions in WordPress, there is a plugin for that. Embedding a Google Calendar into a WordPress website is no exception. Below are several WordPress plugins for you to consider using. 

Simple Calendar Plugin

Simple Calendar shows your events by week, month, or in a list. It’s easy to set up, mobile responsive, and customizable to your needs.

Other features include: 

• Manage events in Google and have them updated automatically in WordPress
• Color code events
• Intuitive and straightforward to configure
• Additional functionality with add-ons

This plugin is an excellent choice for Google Calendar power users. One unique feature is the ability to transfer color-coded events.

Dan’s Embedder for Google Calendar

Display Google calendars in a list or full view with Dan’s Embedder for Google Calendar.

There is no need to manage or import events in WordPress. You only need one or more public Google Calendars. Other features include:

• Configure options with shortcodes
• Specify how many items to show
• Embed multiple calendars 

This plugin requires an API key. Follow the steps below to get yours:

• Visit Google Developers Console
• From the side menu, check APIs and auth > Credential
• Click the Create new key button from the Public API access section
• Select Browser key and leave Referrer Limitation blank
• Put this key on the plugin settings page

Event Calendar WD

Create an event promotion and manage or add events to your WordPress blog with Event Calendar WD.

Provide a detailed description of your events using the WordPress editor, attach tags, and assign categories to each one. Some other features include:

• User-friendly interface for full control over how you display calendars and events on your website
• Easily customize and manage your calendars
• An unlimited number of calendars and events
• Optimize every event for better SEO and search engine visibility
• Enable social sharing buttons to spread the word about your events

WP Simple Booking Calendar

Quickly and easily install and embed Google Calendars on your website.

The free version of WP Simple Booking Calendar gives you access to the basic features you need such as keeping track of your events. Highlights of the free version include:

• Responsive layout
• Backup and restore data and calendars
• Display your availability 

For more advanced publishing and editing functions, you can upgrade to the Premium version.

Users who want to manage and display their availability for their services on their website or announce upcoming events will benefit greatly from embedding a Google Calendar on their site.

Integrating a calendar directly on your website will keep visitors on your site and increase the chances they’ll make an appointment or sign up for an event.

All you need is an internet connection, a web browser, and a Google account to create and display a professional-looking calendar on your site.

Related posts

• كيفية Embed Google Forms على Your Website

• كيفية استخدام Google Calendar: 10 Pro Tips

• كيفية استخدام Google Family Calendar للحفاظ على Family على Time

• 2 اختصارات شريط عناوين Chrome لإنشاء أحداث تقويم Google

• طرق بحث مستخدم Google Analytics لزيادة حركة المرور على الموقع

• ما هو Google App & How لاستخدامه

• كيفية استخدام متعددة Stops في Google Maps

• كيفية Filter في صفائح Google

• كيفية إرسال Private Emails في Gmail

• Google Search Bar Widget Missing؟ كيفية استعادةها على Android

• كيفية Fix Gmail عندما لا تتلقى رسائل البريد الإلكتروني

• كيفية إعداد Voicemail على Google Voice

• كيفية تغيير Default Google Account

• كيفية تحويل Google SafeSearch Off

• كيفية مشاركة تقويم جوجل

• ما هو Software Reporter Tool ​​في Chrome and How لتعطيله

• ما هو المحسن Protection في Google Chrome and How لتمكينه

• ما هو Metric and Dimension في Google Analytics؟

• كيفية فرز أو Filter بواسطة Color في صفائح Google

• لا تحصل على إخطارات Gmail؟ 10 طرق لإصلاح