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

ウェブサイトでの予約や予定を管理するためにWordPress Booklypluginを使用していますか pluginを使用して取得したすべての予約と予定をGoogle カレンダーと自動的に同期しますか?

「はい」の場合、ここは正しい場所です。

ここでは、Google カレンダーと WordPress Booklyplugin統合を設定する方法について知っておくべきことすべてを網羅した包括的な詳細なチュートリアルを用意しました。

免責事項:pluginではなく、Bookly Propluginを使用する必要があります 無料版は、基本的な予約システムをセットアップするだけの場合には最適ですが、Google 統合のサポートなど、高度な生活の質を向上させる機能の多くが欠けています。

それでは、さっそく始めましょう。

目次

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

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

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

一方向同期

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

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

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

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

したがって、このオプションを有効にすると、Bookly の予定が Google カレンダーの予定と競合することがなくなります。

ただし、この方法では Google カレンダーのイベントを Bookly Calendar にコピーしたり表示したりすることはできないことに注意してください。 これを行うには、次の同期メソッドが必要です。

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

双方向同期

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

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

双方向同期のセットアップ方法については、後のセクションで詳しく説明します。

Google クライアント ID とクライアント シークレットを確認する

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

Google Developer Consoleに移動し、アカウントでログインする必要があります。 そこに到達したら、既存のプロジェクトを選択するか、新しいプロジェクトを作成します。

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

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

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

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

次の画面が表示されるので、「有効にする」ボタンをクリックするだけです。

[API とサービス]に戻り、[OAuth 同意画面] に移動します。

次の画面では、対象ユーザーの選択を求められます。

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

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

このプロジェクトでは、ターゲット ユーザー タイプは内部(ワークスペース アカウントがない場合は、外部を選択することもできます)。 それを選択した後、 「作成」。 次の画面が表示されます。

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

さて、これで邪魔にならないように、左側のサイドバーを使用して「資格情報」セクションに進みます。

ここから、[+ CREATE CREDENTIALS]ボタンをクリックし、ドロップダウン オプションから [ OAuth client ID]

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

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

これは、WordPress ウェブサイトの Bookly > 設定 > Google カレンダー セクション内で提供されるリダイレクト URI である必要があります。

クライアント IDクライアント シークレットを示すポップアップ ウィンドウが表示されます。

これで、Google クライアント ID とクライアント シークレットが正常に作成されました。 次に、WordPress ウェブサイトに戻り、Google カレンダーを Bookly カレンダーと統合しましょう。

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

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

Bookly > 設定 > Google カレンダーに進みます。 そこに到達したら、下にスクロールして、指定されたフィールドにクライアント ID とシークレットを入力します。

完了したら、希望の同期モードを選択します。

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

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

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

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

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

それが完了したら、 [保存]ボタンをクリックすると、Google カレンダーが Bookly カレンダーに統合されます。 あとは Google カレンダーに接続するだけです。

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

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

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

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

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

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

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

:Bookly Propluginのアドオンです pluginをインストールし、その上でこのアドオンをインストールする必要があります

Bookly > 設定 > Google カレンダー内で利用可能な「双方向」同期オプションが表示されるようになりますが、以前は表示されませんでした。

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

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

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

Google Calendar API 同期に従うことをお勧めします。

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

サイトの所有権を確認する方法に関する Google の公式ガイドは次のとおりです。

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

これを行うには、 API コンソールの[ドメイン検証] あとはフォームに記入し、もう一度「ドメインを追加」ボタンをクリックするだけです。

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

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

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

まとめ

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

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

ニティッシュ・シン

コメントを見る

  • こんにちは - これが不均衡ではないという私の考えです フラージ: 同期とデートシュッツはデートン・ユーバートラゲンに関連していましたか?
    カレンダーでのご評価に感謝いたします

    • こんにちは。Web サイトに YouTube ビデオを埋め込んだ場合など、Google がイベントのソースであるため、すべてのプライバシー データは Google によって管理されます。 乾杯、

  • こんにちは! 順調に進んでいることを願っています。このplugin、生成された予定をエンド カスタマーのカレンダーに追加できるかどうかを知りたいです。

    • こんにちは。はい、詳細は電子メールで送信され、顧客のカレンダーにインポートできます (Gmail では自動で行われます)。

  • ボンジュール、

    Google の測定を自動化に統合することは可能ですか?
    ありがとう

  • Bonjour さんは、
    Google カレンダーだけでなく、Google カレンダーも簡単に使用できます。
    それ以来、私と Google の関係は複雑になりました。何が起こるかわかりません。

    「Google カレンダー: OAuth2 トークンの更新中にエラーが発生しました。メッセージ: '{ "error": "disabled_client", "error_description": "OAuth クライアントが無効になりました。" }'」

    コムセル間の中断に対する解決策はありますか? 車愛好家は、長期的に実行可能な解決策を見つけるために、プロジェクトの作成を推奨しています...

    • こんにちは。このエラーは Google API の変更が原因のようです。 plugin更新が存在するかどうかを確認する必要があります。

  • ブエナスの遅刻、
    アルギエンのポドリアは、私のページのウェブ上で予約しますか? これは、Google カレンダーを使用して行うことができます (これを行うのが最適です)。統合について心配することなく、「テルセロスにアクセス」することなく問題を解決できます。

  • ブエノス・ディアス、

    ドミニオ・オートリザードをどのようにして求めますか?小冊子についてどのように知っていますか?またはウェブを使用してインストールする方法を教えてください。

    グラシアス!

    • こんにちは。これは Google アプリの認証に関連していると思います。

  • ボンジュール、

    「スタッフ」の「アヴァンセ」にテープを貼り終えて「Google カレンダーの同期」をクリックすると、続行していただいても構いません (ボークーさん、ありがとう)。「エラーが発生しました」というメッセージが表示されます。 app n'est pas validé par Google "Google はアプリケーションを検証する必要はありません。アプリケーションは Google に準拠した情報を要求します。Nous vous recommandons de ne pas utiliser cette application tant que" 開発プロセスでは、 Google を通じて一定の検証が行われます。」
    Google クラウド上にも「Etat de validation - Validation non requise」というメッセージが表示されます。 プヴェヴー・マデール ?
    ありがとう

    • こんにちは、接続するときにすべての権限を確認する必要があると思います。 この投稿の作成以降、Google カレンダーに新しいカレンダーが追加された可能性があります。

  • 最後のステップで通知を受け取るため、従業員として自分を議題にリンクできません

    エラー 403: access_denied
    開発者はこのアプリへのアクセスを許可していません。 現在テスト中であり、Google によって検証されていません。 アクセスできる必要があると思われる場合は、開発者 (*******@gmail) に連絡してください。

    これに対する解決策を持っている人はいますか?

    • はい、あなたは作成されたアジェンダの管理者ではないためです。 データを同期するには管理者アクセスが必要です。設定は Google カレンダーから行う必要があります

  • こんにちは!
    それは素晴らしい芸術であり、私のパレスは素晴らしいです。
    テンゴウナコンサルタ、エストーイリアルザンドウナウェブデアンサロンデベレザコンシステムデリザーバス。
    Google カレンダーのガイドは Bookly のガイドであり、オプションも利用できます。
    このアイデアは、サロンを通常の営業時間内に使用し、専門家が日中サービスに取り組み続ける、毎日のサービス用のさまざまなカレンダーを作成することです。
    ¿Google カレンダーでさまざまなカレンダーを作成しますか?
    Google Workspace との違いは何ですか? Bookly のプラグインを単独で使用しますか? コモ機能?
    グラシアス。

    • こんにちは。Bookly で別のカレンダーを使用するのが最善の解決策だと思います。あるいは、Google の複数のカレンダーを同期することも選択肢の一つです

最近の投稿

Elementor でヘッダーとフッターを使用する方法

Web サイトのヘッダーとフッターは重要な要素です。 ほとんどの場合、ヘッダーはナビゲーションを提供します…

2022 年 1 月 6 日

WordPress テーマの比較: Astra と OceanWP

市場で最も人気のある WordPress テーマの 2 つは、Astra と OceanWP です。 プロ…

2022 年 1 月 2 日

WordPress ニューステーマの比較: 新聞 vs. アストラ

優れたニュース Web サイトを作成するには、Web デザイナーになる必要はありません。 私たちは…

2021年10月25日

新聞をテーマにしたニュース関連の Web サイトを作成する

新聞テーマは、tagDiv によって設計された最も重要な WordPress テーマの 1 つです。

2021年10月18日

Avada WooCommerce ビルダーを使用して e コマースを構築する方法

オンライン ストアのセットアップに関しては、WooCommerce が頼りになるpluginです。 それ…

2021年10月4日

Elementor でスティッキーヘッダーとスクロール効果を使用する方法

ヘッダーは通常、Web サイトにアクセスしたときに最初に目にするものです。

2021年9月21日