방문자에게 다가오는 이벤트에 대해 알리거나 약속을 잡기 위해 웹사이트에 전문가 수준의 라이브 캘린더가 필요하십니까? 처음부터 무언가를 구축하거나 향후 업데이트를 받지 못할 수 있는 일부 사용자 지정 캘린더 앱^{(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)캘린더 통합^{(Integrate calendar)} 섹션 을 찾을 때까지 캘린더^(Calendar) 설정 페이지 를 아래로 스크롤 하십시오.

캘린더를 공유한 사람뿐만 아니라 모든 사람이 볼 수 있도록 하려면 공개^{( make it public)} 로 설정해야 합니다 .

이렇게 하려면 액세스 권한^{(Access permissions)} 아래 에서 공용으로 사용^{(Make available to public)} 옆에 있는 상자를 활성화합니다 .

웹 페이지 또는 게시물 의 ^{(page or post)}HTML 섹션^{(HTML section)} 에 코드를 포함합니다 . 예를 들어 WordPress 를 사용하는 경우 새 페이지를 만듭니다.

텍스트^{(Text )} 를 클릭 하여 HTML 편집기^{(HTML editor)} 로 전환합니다 . Google 캘린더 에서 ^{(Google calendar and paste)}Embed 코드^{(Embed code)} 를 복사하여 페이지에 붙여넣습니다.

시각^{(Visual )} 탭을 클릭 하여 페이지에서 캘린더가 어떻게 보이는지 확인하십시오. 미리 보기^(Preview) 를 선택 하여 웹 사이트의 프런트 엔드에서 볼 수도 있습니다.

개체를 포함할 수 있는 웹 페이지에 캘린더 HTML 코드^{(Calendar HTML code)} 를 붙여넣습니다 .

캘린더에 대한 Google의 기본 형식 설정이 마음에 들면 계속 진행하셔도 됩니다. 캘린더의 색상, 크기 및 기타 옵션을 변경하려면 해당 설정을 사용자 지정할 수 있습니다.

Google 캘린더 설정 사용자 정의^{(Customize Google Calendar Settings)}

내장 코드 바로 아래에 있는 사용자 지정^(Customize) 버튼을 클릭합니다 . 새 창이 열립니다.

캘린더 제목^{(Calendar title)} 아래에 제목을 입력하여 캘린더에 제목을 편집하거나 추가합니다 . 제목을 표시하려면 제목^(Title) 옆에 있는 상자를 활성화합니다 .

^(Specify)표시^(Show) 아래의 다음 설정을 확인하여 캘린더에 표시할 요소를 지정 합니다 .

• 제목
• 탐색 버튼
• 데이터
• 인쇄 아이콘
• 탭
• 캘린더 목록
• 시간대

Google 캘린더^{(Google Calendar)} 의 기본 크기^{(default size)} 는 800 x 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)} 를 선택 합니다.

방문자가 자신의 Google 캘린더^{(Google Calendar)} 에 이벤트를 추가할 수 있도록 웹사이트 의 팝업 창 에서 ^{(popup window)}HTML 코드^{(HTML code)} 를 삽입합니다 .

웹사이트 로 돌아가서 이벤트 버튼 을 표시할 ^{(event button)}소스 또는 HTML^{(source or HTML)} 보기 의 코드를 붙여넣^{(website and paste)} 습니다 .

방문자가 Google 캘린더 버튼^{(Google Calendar button)} 을 클릭하면 캘린더 가 열리고 이벤트가 추가됩니다. 동일한 팝업 창^{(popup window)} 에 표시된 링크를 사용하여 이벤트에 사람들을 초대할 수도 있습니다 .

플러그인을 사용하여 WordPress에 Google 캘린더 포함^{(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)} 사용자에게 탁월한 선택입니다 . 한 가지 고유한 기능은 색상으로 구분된 이벤트를 전송하는 기능입니다.

Google 캘린더용 Dan's Embedder^{(Dan’s Embedder for Google Calendar)}

Google 캘린더용 Dan's ^{(Display Google)}Embedder 를 사용하여 목록 또는 전체 보기로 Google 캘린더^{(Google Calendar)} 를 표시 합니다.

WordPress 에서 이벤트를 관리하거나 가져올 필요가 없습니다 . 하나 이상의 공개 Google 캘린더^{(Google Calendars)} 만 있으면 됩니다 . 기타 기능은 다음과 같습니다.

• 단축 코드로 옵션 구성
• 표시할 항목 수 지정
• 여러 캘린더 삽입 

이 플러그인에는 API 키^{(API key)} 가 필요합니다 . 다음 단계에 따라 가져오세요.

• Google 개발자 콘솔^{(Google Developers Console)} 방문
• 사이드 메뉴에서 API 및 인증^{(APIs and auth)} > 자격 증명 을 확인합니다.^(Credential)
• 공개 API 액세스^{(Public API access)} 섹션 에서 새 키 만들기^{(Create new key)} 버튼을 클릭합니다.
• 브라우저 키^{(Browser key)} 를 선택 하고 리퍼러 제한^{(Referrer Limitation)} 을 비워 둡니다.
• 플러그인 설정 페이지에 이 키 입력

이벤트 캘린더 WD^{(Event Calendar WD)}

^(Create)이벤트 캘린더 WD ^{(Event Calendar WD)}를 사용 하여 이벤트 프로모션을 만들고 ^{(event promotion and manage)}WordPress 블로그^{(WordPress blog)} 에 이벤트를 추가하거나 관리할 수 있습니다 .

WordPress 편집기^{(WordPress editor)} 를 사용하여 이벤트에 대한 자세한 설명을 제공하고 , 태그를 첨부하고, 각각에 범주를 지정합니다. 다른 기능은 다음과 같습니다.

• 웹사이트에서 캘린더와 이벤트를 표시하는 방법을 완벽하게 제어할 수 있는 사용자 친화적인 인터페이스
• 캘린더를 쉽게 사용자 정의하고 관리하세요.
• 무제한 캘린더 및 이벤트
• 더 나은 SEO 및 검색 엔진 가시성^{(SEO and search engine visibility)} 을 위해 모든 이벤트 최적화
• 소셜 공유 버튼을 활성화하여 이벤트에 대한 소문을 퍼뜨리십시오.

WP 간편 예약 캘린더^{(WP Simple Booking Calendar)}

^(Quickly)웹사이트에 Google 캘린더 를 ^{(Google Calendars)}빠르고 쉽게 설치하고 포함할 수 있습니다.

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 websіte to lеt visitors know aboυt upcoming events or to schedule an appointment? Instead оf buildіng something from sсratch or υsing some cυstom сalendar app that might not get future updates, why not use something that mіllions 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

• 어떻게 Your Website에 Embed Google Forms에

• 사용 방법 Google Calendar : 10 Pro Tips

• Google Family Calendar을 사용하여 Time에 Family을 유지하는 방법

• Google 캘린더 일정을 만드는 2개의 Chrome 주소 표시줄 바로 가기

• 웹사이트 트래픽을 늘리기 위한 Google Analytics 사용자 조사 방법

• Gmail Notifications 얻기하지? 수정 10 Ways

• Google Form를 만드는 방법 :의 Complete Guide

• Google Voice에서 Voicemail을 설정하는 방법

• Google Drive에서 Business Card를 만드는 방법

• Gmail에서 Email를 삭제하는 방법

• Color Google 시트로 정렬 또는 Filter 정렬 방법 또는 Filter

• Google 캘린더를 공유하는 방법

• Google Maps에서 여러 Stops를 사용하는 방법

• Google SafeSearch Off 설정하는 방법

• Google Chrome and How에서 Protection가 향상된 것은 그것을 가능하게합니다

• Gmail에서 Inbox Zero에가는 방법

• Google Exposure Notifications COVID Protection은 무엇입니까?

• Google 시트에서 SUMIF을 사용하는 방법

• 이 이메일을 수신하지 때 어떻게 Fix Gmail에

• Google App & How는 무엇을 사용할 것입니까?