آیا به یک تقویم زنده با ظاهر حرفه ای در وب سایت خود نیاز دارید تا بازدیدکنندگان از رویدادهای آینده مطلع شوند یا قرار ملاقاتی را تعیین کنند؟ به جای ساختن چیزی از ابتدا یا استفاده از برخی برنامه‌های تقویم سفارشی^{(custom calendar app)} که ممکن است به‌روزرسانی‌های آینده را دریافت نکند، چرا از چیزی استفاده نکنید که میلیون‌ها نفر دیگر روزانه از آن استفاده می‌کنند؟

با رفتن به آن مسیر، می توانید یک تقویم گوگل^{(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 را^{(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 در 600 است. با حرکت دادن پیکان‌های بالا و پایین کنار عرض^(Width) و ارتفاع^(Height) ، اندازه را تغییر دهید .

به عنوان مثال، اگر می خواهید تقویمی را در نوار کناری جاسازی کنید، 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 Calendar کلیک^{(Google Calendar button)} می کند، تقویم خود را باز می کند و رویداد را به آن اضافه می کند. همچنین می توانید با استفاده از پیوند نمایش داده شده در همان پنجره بازشو^{(popup window)} ، افراد را به رویداد خود دعوت کنید .

با استفاده از افزونه ها، تقویم گوگل را در وردپرس جاسازی کنید^{(Embed Google Calendar into WordPress Using Plugins)}

مانند بسیاری از توابع در وردپرس^(WordPress) ، یک افزونه برای آن وجود دارد. تعبیه تقویم گوگل^{(Google Calendar)} در وب سایت وردپرس^{(WordPress website)} نیز از این قاعده مستثنی نیست. در زیر چندین افزونه وردپرس^(WordPress) وجود دارد که می توانید از آنها استفاده کنید. 

افزونه تقویم ساده^{(Simple Calendar Plugin)}

تقویم ساده^{(Simple Calendar)} رویدادهای شما را بر اساس هفته، ماه یا در یک لیست نشان می دهد. راه‌اندازی آن آسان است، پاسخگوی تلفن همراه است و مطابق با نیازهای شما قابل تنظیم است.

سایر ویژگی ها عبارتند از: 

• رویدادها را در Google مدیریت کنید و آنها را به طور خودکار در وردپرس به روز کنید^(WordPress)
• رویدادهای کد رنگ
• بصری و ساده برای پیکربندی
• قابلیت های اضافی با افزونه ها^{( add-ons)}

این افزونه یک انتخاب عالی برای کاربران قدرتمند Google Calendar است^{(Google Calendar power)} . یکی از ویژگی های منحصر به فرد، توانایی انتقال رویدادهای رنگی است.

Dan's Embedder for Google Calendar

تقویم‌های Google^{(Display Google)} را در فهرست یا نمای کامل با Dan's Embedder for Google Calendar نمایش دهید .

نیازی به مدیریت یا وارد کردن رویدادها در وردپرس^(WordPress) نیست. شما فقط به یک یا چند تقویم عمومی Google^{(Google Calendars)} نیاز دارید . سایر ویژگی ها عبارتند از:

• گزینه ها را با کدهای کوتاه پیکربندی کنید
• مشخص کنید که چند مورد نمایش داده شود
• تعبیه چندین تقویم 

این افزونه به یک کلید API^{(API key)} نیاز دارد . مراحل زیر را برای به دست آوردن خود دنبال کنید:

• از Google Developers Console^{(Google Developers Console)} دیدن کنید
• از منوی کناری، APIs and auth > Credential را علامت بزنید^(Credential)
• از قسمت دسترسی Public API^{(Public API access)} روی دکمه Create new key کلیک کنید^{(Create new key)}
• کلید Browser را^{(Browser key)} انتخاب کنید و Referrer Limitation را خالی بگذارید
• این کلید را در صفحه تنظیمات افزونه قرار دهید

تقویم رویداد WD^{(Event Calendar WD)}

^(Create)یک تبلیغ رویداد ^{(event promotion and manage)}ایجاد کنید و رویدادها را با رویداد تقویم WD^{(Event Calendar WD)} مدیریت یا به وبلاگ وردپرس^{(WordPress blog)} خود اضافه کنید .

با استفاده از ویرایشگر وردپرس^{(WordPress editor)} ، توضیحات مفصلی از رویدادهای خود ارائه دهید ، برچسب‌ها را پیوست کنید و به هر یک دسته بندی کنید. برخی از ویژگی های دیگر عبارتند از:

• رابط کاربر پسند برای کنترل کامل بر نحوه نمایش تقویم ها و رویدادها در وب سایت خود
• به راحتی تقویم های خود را سفارشی و مدیریت کنید
• تعداد نامحدودی از تقویم ها و رویدادها
• هر رویدادی را برای سئو و دید بهتر در موتورهای جستجو بهینه کنید^{(SEO and search engine visibility)}
• دکمه های اشتراک گذاری اجتماعی را فعال کنید تا اخبار مربوط به رویدادهای خود را پخش کنید

تقویم ساده رزرو WP^{(WP Simple Booking Calendar)}

به سرعت و به راحتی ^(Quickly)تقویم های Google^{(Google Calendars)} را در وب سایت خود نصب و جاسازی کنید.

نسخه رایگان WP Simple Booking Calendar به شما امکان می دهد به ویژگی های اساسی مورد نیاز مانند پیگیری رویدادهای خود دسترسی داشته باشید. نکات برجسته نسخه رایگان عبارتند از^{(version include)} :

• چیدمان پاسخگو
• پشتیبان گیری^(Backup) و بازیابی اطلاعات و تقویم ها
• در دسترس بودن خود را نمایش دهید 

برای کارکردهای پیشرفته‌تر انتشار و ویرایش، می‌توانید به نسخه Premium^{(Premium version)} ارتقا دهید .

کاربرانی که می خواهند در دسترس بودن خدمات خود را در وب سایت خود مدیریت و نمایش دهند یا^{(website or announce)} رویدادهای آینده را اعلام کنند، از تعبیه تقویم Google^{(Google Calendar)} در سایت خود سود زیادی خواهند برد.

ادغام یک تقویم به طور مستقیم در وب سایت شما، بازدیدکنندگان را در سایت شما نگه می دارد و شانس آنها را برای قرار ملاقات یا ثبت نام برای یک رویداد افزایش می دهد.

تنها چیزی که نیاز دارید اتصال به اینترنت، یک مرورگر وب^{(web browser)} و یک حساب Google^{(Google account)} برای ایجاد و نمایش یک تقویم حرفه ای در سایت خود است.

How To Embed Google Calendar On Your Website

Do you need а professional-looking live calendar on your website to let visitors know about upcoming events or to schedule an apрointment? Instead of building ѕomething from scratch or using some cυstom calendar apр that might not get future updates, why not use something that millions of others are using on a daily bаsis?

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 میانبر نوار آدرس کروم برای ایجاد رویدادهای تقویم Google

• روش های تحقیق کاربر گوگل آنالیتیکس برای افزایش ترافیک وب سایت

• چگونه به لغو و یا مکث YouTube Premium Subscription

• نحوه ایجاد Business Card در Google Drive

• چگونه Export and Import Chrome Bookmarks

• مسیرهای رانندگی Google Maps را به وب سایت خود اضافه کنید

• نحوه ادعای کسب و کار در Google

• آیا می توانید تمام ایمیل های Gmail را در یک بار حذف کنید؟

• چگونه به نوبه خود Google SafeSearch Off

• Protection در Google Chrome and How افزایش یافته است تا آن را فعال کند

• چگونه به وظایف استفاده از گوگل - راهنمای شروع

• نحوه استفاده از لیست Google Sheets Drop Down

• Google My Activity: چرا باید مراقب باشید

• 10 نکته تقویم گوگل برای کاهش استرس برنامه ریزی شما

• 23 میانبر صفحه کلید مفید تقویم Google

• نحوه حذف YouTube History and Search Activity

• نحوه استفاده از اعلان های تقویم گوگل برای حمایت از عادات اتمی