WordPressBookly PluginとのGoogleカレンダー統合をセットアップする

WordPress Bookly pluginを使用して、Webサイトの予約と予定を管理していますか？ pluginを使用して取得したすべての予約と予定を同期して、Googleカレンダーと自動的に同期しますか？

はいの場合、あなたは正しい場所に来ました！

ここでは、WordPressBookly pluginとのGoogleカレンダー統合を設定する方法について知っておく必要があるすべての包括的な詳細なチュートリアルを用意しました。

免責事項：無料のBookly plugin pluginではなく、プレミアムのBooklyPro pluginを使用する必要がありplugin 。 無料版は、基本的な予約システムを設定するだけでは優れていますが、Google統合のサポートなどの高度な生活の質の機能の多くを欠いています。

それで、それ以上の苦労なしに、始めましょう：

目次

• Booklyで利用できるさまざまなGoogleカレンダー同期方法
• 一方向同期
• 双方向フロントエンドのみ
• 双方向同期
• GoogleクライアントIDとクライアントシークレットを見つける
• GoogleカレンダーをBooklyカレンダーに接続する
• Googleカレンダーとの双方向同期を設定する方法
• GoogleカレンダーをBooklyと手動で同期する方法
• まとめ

Booklyで利用できるさまざまなGoogleカレンダー同期方法

Bookly Pro WordPress pluginは、一方向同期、双方向フロントエンドのみ、適切な双方向同期の3つのGoogleカレンダー同期方法を提供します。

これらのメソッドの機能を次に示します。

一方向同期

この同期方法を選択すると、 pluginは、カスタムフィールドや、Bookly Calendarで行われたその他の調整を含むすべての新しい予定を、接続されているGoogleカレンダーに直接プッシュしますが、その逆はありません。

これは、GoogleカレンダーをBooklyカレンダーで最新の状態に保ちたいが、Booklyカレンダーに影響を与えずにGoogleカレンダーを自由に調整する必要がある場合に便利です。

双方向フロントエンドのみ

この同期方法をpluginすると、 pluginは接続されたGoogleカレンダーからイベントデータを自動的に取得し、 Booking Calendarの「タイムスロットの選択」ステップでBooking Calendarから対応するタイムスロットを削除します。

そのため、このオプションを有効にすると、Booklyの予定がGoogleカレンダーの予定と競合しないので安心できます。

そうは言っても、この方法ではGoogleカレンダーの予定がBooklyCalendarにコピーまたは表示されないことに注意してください。 そのためには、次の同期メソッドが必要です。

注：Googleカレンダーとブックリーカレンダーの間で予定を同期するには時間がかかります。 そのため、このオプションを使用すると、「タイムスロットの選択」ステップの読み込み時間が長くなります。 この問題を解決するには、このオプションに関連するフェッチされるイベントの数を制限します。

双方向同期

これは適切な双方向同期方法であり、ブックリーカレンダーで作成および更新されたすべての予約が、接続されているGoogleカレンダーに自動的に反映されます。その逆も同様です。

ただし、この機能はデフォルトのBooklyProplugin。 このためには、追加のアドオン–Bookly用の高度なGoogleカレンダーが必要です。 それだけではありません。この設定を有効にする前に、Googleカレンダーを事前に構成する必要もあります。

後のセクションで、双方向同期の設定方法に関する詳細なセクションがあります。

GoogleクライアントIDとクライアントシークレットを見つける

Bookly pluginは、BooklyカレンダーをGoogleカレンダーと統合するために、GoogleクライアントIDとクライアントシークレットを入力する必要があります。

これを行うには、 Google Developer Consoleにアクセスして、アカウントでログインする必要があります。 そこで、既存のプロジェクトを選択するか、新しいプロジェクトを作成します。

Google Developer Consoleを初めて使用する場合は、下の画像に示すように、CREATEPROJECTのオプションが表示されます。

それをクリックすると、プロジェクトの「プロジェクト名」と「親組織またはフォルダ」を入力するように求められます。 完了したら、「作成」をクリックすると、新しいプロジェクトが作成されます。

次に、次の画面が表示されます。

次に、Google CalendarAPIが有効になっていることを確認する必要があります。 これを行うには、画像の指示に従ってライブラリセクションに進みます。 次に、画像に示されているように検索ボックスに「カレンダー」と入力し、画像に示されているようにGoogle CalendarAPIをクリックします。

これにより、「有効」ボタンをクリックする必要がある次の画面が表示されます。これで完了です。

プロジェクトでGoogleカレンダーAPIを有効にした APIとサービス]ページに戻り、[OAuth同意画面]に移動します。

次の画面では、ターゲットユーザーを選択するように求められます。

2つのオプションがあります：

• 内部：組織内のユーザーが利用できます。 （ Workspaceアカウントを持つユーザーのみが利用できます。）
• 外部：Googleアカウントを持つすべてのユーザーが利用できます。

このプロジェクトでは、ターゲットユーザータイプは内部ます（Workspaceアカウントがない場合は外部を選択することもできます）。 それを選択した後、 CREATE。 これにより、次の画面が表示されます。

[アプリ名]フィールド、[メール]フィールドに入力し、下にスクロールして、[ +ドメインの追加]ボタンをクリックして承認済みドメインを追加するだけです。 完了したら、ページの下部にある[保存して続行]をクリックします。

これで、左側のサイドバーを使用して、[資格情報]セクションに移動します。

ここから、画像に示されているように[ + CREATE CREDENTIALS ]ボタンをクリックし、ドロップダウンオプションから[ OAuthクライアントID ]をクリックします。

次の画面で、ドロップダウンメニューからアプリケーションタイプを選択する必要があります。

「Webアプリケーション」を選択し、OAuthクライアントの名前を入力します。 最後に、下にスクロールして、承認されたリダイレクトURIを追加します。

これは、WordPressWebサイトの[Bookly]> [Settings]> [GoogleCalendar]セクションで提供されるリダイレクトURIである必要があります。

Bookly RedirectURIをAuthorizedRedirect URIセクションに入力した後、Createをクリックすると、クライアントIDとクライアントシークレットを示すポップアップウィンドウが表示されます。

これで、GoogleクライアントIDとクライアントシークレットが正常に作成されました。 それでは、WordPress Webサイトに戻って、GoogleカレンダーをBooklyカレンダーと統合しましょう。

注： Googleカレンダーで作成された「終日」イベントは、デフォルトで「無料」に設定されています。 そのため、その日をBookly Calendarで利用できないようにする場合は、ステータスを「Busy」に変更することを忘れないでください。 それ以外の場合、ブックリーカレンダーには予約可能な日が表示されます。

GoogleカレンダーをBooklyカレンダーに接続する

GoogleクライアントIDとクライアントシークレットを取得したら、WordPressダッシュボードにログインし、 [ブックリー]>[設定]>[Googleカレンダー]。 そこに到達したら、下にスクロールして、指定されたフィールドにクライアントIDとシークレットを入力します。

完了したら、優先する同期モードを選択します。

上の画像からわかるように、選択できるオプションは「一方向」と「双方向フロントエンドのみ」の2つだけです。 適切な「双方向」同期を有効にするのは少し難しいので、後のセクションでのみ説明します。

「双方向」同期が必要ない場合は、使用可能な2つの同期方法のいずれかを選択して下にスクロールします。

次のセクションには、「イベントタイトルのテンプレート」セクションと「イベント説明のテンプレート」セクションがあります。

これらのオプションを使用すると、BooklyCalendarから同期されるGoogleカレンダーイベントのイベントタイトルとイベントの説明として表示される内容を構成できます。

これは、 Googleカレンダーのエントリをカスタマイズするために使用するコードを示す詳細なガイドです。

それが完了したら、 保存]ボタンを押すと、Googleカレンダーがブックリーカレンダーと統合されます。 今残っているのは、Googleカレンダーに接続することだけです。

これを行うには、左側のサイドバーからBookly>StaffMembersに移動します。 ここから、予定をGoogleカレンダーと同期するスタッフを選択し、[編集]ボタンをクリックします。

これにより、ポップアップウィンドウが表示されます。 ここから、[詳細設定]タブに移動し、[ Googleカレンダー統合]領域の下にある[接続]ボタンをクリックして、スタッフの予定をGoogleカレンダーと同期します。

以上です！ これで、BooklyカレンダーをGoogleカレンダーに接続し、予定を同期する方法をマスターしました。 唯一の問題は、すべてのスタッフの予定を一度に1つずつ手動でGoogleカレンダーに接続する必要があることです。

これで解決したので、BooklyとGoogleカレンダーを使用して双方向同期を設定する方法について説明しましょう。

Googleカレンダーとの双方向同期を設定する方法

「一方向」同期と「双方向フロントエンドのみ」の同期オプションは、Bookly Pro WordPress pluginで直接利用できます。ここでは、これらの機能を設定して使用する方法について説明しました。

ここで、BooklyとGoogleカレンダーの間に「双方向」同期を設定する場合は、プレミアムのBookly AdvancedGoogleCalendarアドオンが必要になります。

注：これはBooklyPro pluginのアドオンです。 そのため、WordPressにBookly Pro pluginインストールしてから、その上にこのアドオンをインストールする必要があります。

[ブックリー]>[設定]>[Googleカレンダー]で利用できる「双方向」同期オプションが。これまではそうではありませんでした。

また、そのすぐ下に「予定の同期履歴」フィールドがあり、2つのカレンダー間で同期する過去のカレンダーデータの日数を指定できます。

デフォルト値の「0」の場合、過去のイベントは同期されません。

そうは言っても、双方向同期を有効にすることは、オプションを選択して[保存]ボタンを押すことほど簡単ではありません。

すべてのカレンダーイベントが効率的に同期されるようにするには、公式のGoogle CalendarAPI同期ガイドに従うことをお勧めします。

また、双方向のカレンダー同期を機能させる前に、Google検索コンソールでドメインを確認して登録する必要があります。

これが、サイトの所有権を確認する方法に関するGoogleの公式ガイドです。

サイトのドメイン名が確認されたら、プロジェクトの許可されたドメインとして登録する必要があります。プロジェクトのクライアントIDとクライアントシークレットはBookly plugin接続されていplugin 。

これを行うにドメインの確認]ページに移動し、[ドメインの追加]をクリックします。 フォームに記入し、もう一度[ドメインの追加]ボタンをクリックします。

ドメインが検証プロセスに合格した場合、ドメインを選択してプッシュ通知の受信を開始し、それによってGoogleカレンダーとBooklyの間で双方向の同期を確立できます。

GoogleカレンダーをBooklyと手動で同期する方法

デフォルトでは、Bookly pluginは設定された時間間隔の後にイベントをGoogleカレンダーと同期します。 今すぐイベントを同期したい場合は、WordPressダッシュボードからBookly> Calendarに移動し、画像に示すように[Sync]ボタンをクリックします。

まとめ

ご覧のとおり、GoogleカレンダーをBooklyと統合するには、数回クリックするだけです。 本当の問題は、Google APIを設定し、OAuthの詳細を取得することです。

このチュートリアルがプロセスの説明に役立ち、GoogleカレンダーをBookly pluginと正常に統合できたことを願っていplugin 。 また、問題が発生した場合は、コメントでお知らせください。 私たちは問題をできるだけ早く解決するために最善を尽くします。