![](https://sposai-trivia.com/wp-content/uploads/2024/05/23724370-1.jpg)
Wixでgoogleカレンダーを使いたいんだけどどうやるの?
こんな疑問におこたえしていきます。
![](https://sposai-trivia.com/wp-content/uploads/2024/06/74dc1e57b951255721b38ef9d19ec5f4-375x375-1.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/74dc1e57b951255721b38ef9d19ec5f4-375x375-1.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/74dc1e57b951255721b38ef9d19ec5f4-375x375-1.png)
こんにちはろにぃです。サイト制作を始めてから10年
・月収100万円のサイトを作成、運営
・クライアントのサイトの作成、編集、管理
・SEO相談
などの経験を活かして、サイト制作やSEOについて情報発信をしております。
サイトにGoogleカレンダーを表示できると様々な用途があり、便利になりますすよね。
だけど共有のしかたが意外と面倒でつまづく人は多いはず。
そこで今回はGoogleカレンダーの使い方について、Wix歴10年以上のぼくが詳しく解説します。
本記事をご覧いただくことで、あなたのWixサイトにGoogleカレンダーが導入でき、より実用的なサイトに変身します。
ぜひ最後までご覧ください!
![](https://d3vqou0viapnu1.cloudfront.net/185/wix2.png)
![](https://d3vqou0viapnu1.cloudfront.net/185/wix2.png)
Wixサイトのgoogleカレンダー活用法
![](https://sposai-trivia.com/wp-content/uploads/2024/06/pexels-photo-636246.jpeg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/pexels-photo-636246.jpeg)
あなたのWixサイトに営業カレンダーを表示させたいとき、出先から更新しようと思ったら、PCを開き、Wixエディターで更新しなければなりません。
しかし、Googleカレンダーを導入しておけば、移動中にスマホでちょこちょこっと更新して完了。
確認、更新が非常にラクになるので、空いた時間で他の情報発信に時間を費やして、よりよいサイト作りに注力できるようになるんです。
wixでGoogleカレンダーの導入方法
![](https://sposai-trivia.com/wp-content/uploads/2023/05/photo-1463680942456-e4230dbeaec7.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2023/05/photo-1463680942456-e4230dbeaec7.jpg)
WixサイトにGoogleカレンダーを導入する際、以下の2パターンがあります。
![](https://sposai-trivia.com/wp-content/uploads/2024/06/image823-3.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/image823-3.jpg)
- Wixアプリを使う
- HTMLコードを埋め込む
順に解説します。
導入方法1:Wixアプリを使う方法
![](https://sposai-trivia.com/wp-content/uploads/2024/06/fd04ab189a4b556f81e4194845997ae2-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/fd04ab189a4b556f81e4194845997ae2-edited.png)
Wixにはカレンダーアプリがいくつかあり、Googleカレンダーと同期できます。
![](https://sposai-trivia.com/wp-content/uploads/2024/06/b9b62c684247fd56ebce240306b8b3c2-1024x664.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/b9b62c684247fd56ebce240306b8b3c2-1024x664.png)
せっかく無料で使えるGoogleカレンダーをわざわざ有料で使うのは勿体ない!ということで無料の公式アプリを紹介します。
- Wixアプリでカレンダーを検索
- Googleイベントカレンダーを追加
- 設定からGoogleアカウントと接続
順に画像を見ながら解説していきましょう。
1.Wixエディターのメニューからアプリ>App Market>カレンダーを検索>Googleイベントカレンダーを選択する
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-05-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-05-1024x576.jpg)
2.Googleイベントカレンダーを追加する
![](https://sposai-trivia.com/wp-content/uploads/2024/06/f06510d8f988ab4c90da6b1ec9160be9-1024x684.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/f06510d8f988ab4c90da6b1ec9160be9-1024x684.png)
3.設定からGoogleカレンダーと接続
![](https://sposai-trivia.com/wp-content/uploads/2024/06/df6b58fb672f8f6016da44b8d9562757-1024x528.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/df6b58fb672f8f6016da44b8d9562757-1024x528.png)
スケジュールは全てリンク可能なので、表示させたいカレンダーを選択してください。
Wixアプリ導入のメリット
Wixアプリ導入のデメリット
![](https://sposai-trivia.com/wp-content/uploads/2024/06/e312b1cfa19bd8c010952102efe85700-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/e312b1cfa19bd8c010952102efe85700-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/5c86eb99cd3131004ee552289e95b162-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/5c86eb99cd3131004ee552289e95b162-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/a54a02c39b48a0051b81db50f18970ea-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/a54a02c39b48a0051b81db50f18970ea-edited.png)
自分のスケジュール管理なら全く問題ない。しかし、訪問者に営業時間のご案内などをしようと思ったら不親切な表示になってしまうんですよね。
導入方法2:HTMLコードを埋め込む
![](https://sposai-trivia.com/wp-content/uploads/2024/06/afd3542ee53c1462b08248466d2082e6-edited.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/afd3542ee53c1462b08248466d2082e6-edited.png)
HTMLコードを入力してGoogleカレンダーを挿入する場合の手順は以下の通り
- Googleカレンダーを開き、表示させたいカレンダーの設定と共有をクリックする
- 一般公開する
- カスタマイズを行う
- WixにHTML埋め込みを追加
- コードを入力
- 表示デザインを整える
1.Googleカレンダーを開き、表示させたいカレンダーの設定と共有をクリックする
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-01-2-1-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-01-2-1-1024x576.jpg)
2.予定のアクセス権限の「一般公開して誰でも利用できるようにする」にチェックを入れる
![](https://sposai-trivia.com/wp-content/uploads/2024/06/9226d66c15892ec419c532f4706ab4c7-1024x385.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/9226d66c15892ec419c532f4706ab4c7-1024x385.png)
3.カスタマイズする
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-02-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-02-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-03-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-03-1024x576.jpg)
- 表示:必要な項目にチェックを入れます
- 幅・高さ:表示サイズを設定します
- 背景色:ヘッダーの色を選択します
- 枠線:外枠を付けるか付けないかを選びます
- デフォルトのビュー:表示形式を切り替えます
- 週の開始日:左端の列を何曜日からにするか設定します
- 言語:表示言語を選びます
- タイムゾーン:予定を表示するタイムゾーンを選びます
- 表示するカレンダー:どのカレンダーを表示するか選び、表示したいものにチェックを入れます
表示設定をしたらCalendar上部にある埋め込みコードをコピーします。
4.WixにHTML埋め込みを追加
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-04-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-04-1024x576.jpg)
5.コードを入力
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-04-1-1024x576.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/wix-GoogleCalendar-04-1-1024x576.jpg)
コード入力欄にペーストして更新をクリックします。
5.表示デザインを整える
![](https://sposai-trivia.com/wp-content/uploads/2024/06/32a98a930667ad5180481e5e753a956a-1024x496.png)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/32a98a930667ad5180481e5e753a956a-1024x496.png)
以上で完了です。
HTMLコード入力のメリット
HTMLコード入力のデメリット
まとめ
今回はWixサイトでgoogleカレンダーを使う2つの方法について解説しました。
WixアプリとHTML iframeどちらもメリット、デメリットがありますが、私の場合、スマホ表示がどのようになるかを重視し、デザイン性よりも利便性でHTMLを選んでいます。
見る人がどう感じるかが大切だと思いますので、ご自身の使用用途に合わせて使い分けてください。
googleカレンダーを導入することにより、ホームページの利用法も幅が広がるかと思います。
ぜひご活用ください!
その他Wixサイトがより便利に変身させるテクニックはこちら↓
【デモ動画有り】wixサイトにお知らせ欄を設置する方法を徹底解説
![](https://sposai-trivia.com/wp-content/uploads/2024/06/Wixnews-ronilog001-300x169.jpeg)
![](https://sposai-trivia.com/wp-content/uploads/2024/06/Wixnews-ronilog001-300x169.jpeg)
![](https://sposai-trivia.com/wp-content/uploads/2023/05/42cedcf3-5368-45a6-849e-2a50550be0d5-1-300x169.jpeg)
![](https://sposai-trivia.com/wp-content/uploads/2023/05/42cedcf3-5368-45a6-849e-2a50550be0d5-1-300x169.jpeg)
【完全版】WixでInstagramを埋め込む方法!設置後の分析データも公開
![](https://sposai-trivia.com/wp-content/uploads/2024/02/11c56dbf9eb620e01a1f0539749a1b63-300x169.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2024/02/11c56dbf9eb620e01a1f0539749a1b63-300x169.jpg)
【誰でも簡単】WixサイトにX(旧Twitter)タイムラインを埋め込む方法
![](https://sposai-trivia.com/wp-content/uploads/2023/05/x-timeline001-300x157.jpg)
![](https://sposai-trivia.com/wp-content/uploads/2023/05/x-timeline001-300x157.jpg)
コメント
コメント一覧 (1件)
[…] […]