Googleカレンダーをサイトに埋め込む場合の手順

Publish2014/04/07(月)

Update2016/01/31(日)

Googleカレンダーをサイトに埋め込む場合の手順

今日はたまに聞かれる事がある「Googleカレンダーをサイトに埋め込む場合の手順」を説明します。
サイトに埋め込む場合のメリットとしては、以下の2つがあげられます。

  1. 作業の手間を減らす(個別の設定やHTMLでの記述等の実質の作業時間)
  2. 管理を簡易にする(変更はGoogleカレンダーで行うだけ)

普段Googleカレンダーを使用している人は個人的なスケジュールの確認にも便利ですが、そうでない場合も利用が簡単なのでおすすめです。
他の考え方については以前記事を書いているので、そちらを参考ください。

Googleカレンダーで予約管理はどうでしょう?

では実際の手順を説明します。

Googleカレンダーをサイトに埋め込む場合の手順

Googleカレンダーをサイトに埋め込む場合は、以下の手順で対応する形になります。
このうち、最初にするカレンダーの作成とページへの埋め込み完了後は、サイトを変更する必要はなく、Googleカレンダーを変更して運用する形になります。
そのため、PCからはもちろんのこと、外出先からモバイルで更新する事も可能になり、非常に便利です。

公開用の新しいカレンダーを作成する

まずは、公開用に新しいカレンダーをGoogleカレンダー上に作成しましょう。
既存のカレンダーを公開して対応する場合は、設定部分を変更する箇所からになります。
まずはGoogleカレンダーの横部分にあるマイカレンダーから「新しいカレンダーを作成」を選択します。

画面サイドから新規カレンダーを作成する

すると以下のような画面になりますので、「カレンダー名」「説明」を入力し、「このカレンダーを公開する」にチェックを入れてください。
共有するユーザーがいる場合(複数アカウントで管理する場合)は、ユーザー部分に対象アカウントのアドレスを追加する事で共有する事も可能です。
全ての項目を確認後に、「カレンダーを作成」を選択します。

新しいカレンダーを作成する

作成に問題がない場合は、Googleカレンダーで公開確認の項目が表示されますので、「はい」を選択して作業が完了します。

公開の確認画面

作成したカレンダーをサイトに埋め込む

次の行程は、作成したカレンダーをサイトに埋め込むためのコードの生成です。
マイカレンダーから、先ほど作成したカレンダーを選択し、「カレンダー設定」を選択します。

設定変更の画面

すると、設定項目の中に「このカレンダーを埋め込む」という項目が追加されています。
ここにあるコードを利用することでも問題ありませんが、「色やサイズなどをカスタマイズします」というリンクを選択すると、より細かく埋め込み状態を設定できます。

埋め込みコードを確認

以下の画面がカスタマイズ画面ですが、タイトルやボタン類の表示/非表示やサイズの設定など、色々と設定ができるので埋め込むサイトに合わせてカスタムされるとサイトのデザインにあった形で埋め込む事ができます。
設定完了後は、画面上部のコードを対象ページに貼付けるだけでサイトにカレンダーを埋め込む事が可能です。

埋め込みコードのカスタマイズ

公開したカレンダーを運用する

サイトにカレンダーを埋め込んだ後は、基本的に全ての事をGoogleカレンダー側で運用する形になります。
新しい予定をカレンダーに表示させたい場合は、カレンダーの任意の箇所で予定を作成し、以下のように対象となるカレンダーを作成したカレンダーに設定することで、カレンダー上に表示され、公開されます。
その他の操作方法なども、Googleカレンダーの通常の使用方法と同じです。

運用は対象カレンダーを選択するだけ

Googleカレンダーを普段使っていない場合は、最初は使い方に戸惑う事もあるかもしれませんが、難しいものではないので、何度か使用するうちに慣れてくるかと思います。
慣れていただいた後は、非常にスムーズに対応いただけるようになりますので、ぜひチャレンジしていただければと思います。

記事の著者:ふにすでぐち

ふにすでぐち

1978年生まれ。企業のWeb活用をテーマに、Webサイトの運用を中心とした戦略的な企画立案、Web運用サポート、Webサイトの構築などを行っています。
5年間のWeb制作会社勤務後、2年間のフリーランスで「フニス」として活動後に法人化し、2012年7月「ふにす株式会社」を設立。
Web活用の情報や考え方などを発信するブログ「ふにろぐ」を不定期更新中です。
2015年11月より大阪府高槻市に「ふにすWeb相談所」を開設。
地域の方々に気軽にWebのことを相談できる場所として、より多くのWeb運用の問題解決をするために活動しています。
サイトの運用や活用にお困りの方、Web運用やブログ更新などの講演のご依頼など、お気軽にご相談ください。
お問い合わせはこちら

LINEでWebに関する質問にお答えしています。

ふにすでは、LINEでWebに関するご質問にお答えしています。Webに関するあんなことやこんなこと、今さら聞けない疑問などなんでもご相談ください。LINEアプリでQRコードを読み取ると友達登録のリンクが表示されますので、試しに登録してみてください。

関連記事

  • Googleのウェブマスター向けガイドラインに基づいた考え方で考えるGoogleのウェブマスター向けガイドラインに基づいた考え方で考える よく聞かれることの一つに、サイトの運営ポリシーというか、何かをするにあたってどういう風にすればいいのかというような質問をされることがあります。 そういう時にお話ししていることの一つに、Googleが公開しているウェブマスター向けガイドラインの考えをベースにしてコンテンツを作成するといいと思いますよと返事をしています。 今の世の中はすごく便利だなと思うのは、こういうGoog […]
  • Googleスプレッドシートの通知ルール&Gmailのフィルタ(転送ルール)の設定方法Googleスプレッドシートの通知ルール&Gmailのフィルタ(転送ルール)の設定方法 先日書いたGoogleフォームをサイトに埋め込む場合の手順の補足的な内容になりますが、Googleスプレッドシートの通知ルールとGmailのフィルタ機能を利用して、メールの転送設定を行う方法を書いておきます。 利用する前提としては、Googleフォームを設定完了していて、送信テストが終わった後の状況です。 Googleフォームと連携したスプレッドシートを作成する事で、 […]
  • ブログの種類と、種類別の向いている運営方法ブログの種類と、種類別の向いている運営方法 今回はブログの種類の紹介と、それぞれのメリットやデメリットを考えて、使用するタイミングに合わせて用途にあったブログを使ってみてはどうかという一連の流れを書きます。 「ブログを作ってみたいけどどういう形でするのがいいんだろう?」という人向けの内容になります。 好きな形で始めればいいとは思いますが、それぞれの特徴を把握していいたほうが後で後悔する可能性が減ってきますし、ブログ […]
  • ブログを続けるコツ。ブログのネタ探し編ブログを続けるコツ。ブログのネタ探し編 今日は最近でもよく聞かれる質問の「ブログを毎日書いてますが、書く内容(ブログのネタ)はどのように探していますか?」というご質問についてお返事しようと思います。 書く内容は、普段の生活の中に潜んでいる ブログを書くスタイルは人によって様々で、また、ブログのテーマによっても異なりますが、基本的には記事を書くためのネタになる出来事は日常生活の中に潜んでいると僕は思ってい […]
  • サイトを始める前にすることサイトを始める前にすること 今日はサイトをはじめる前にする事、しないといけない事をまとめます。 「サイトをはじめる」といっても、はじめる前の前段階の部分をしっかりしておかないと、後から大変になります。 運用後のトラブルの回避や、ブレない迷わないサイト運営をするためにも、以下の項目をしっかり決めていきましょう。 サイトを作る前の準備 何のために作るのか? 誰に向けて作るのか? […]
  • 迷惑メール対策の基礎!メールアドレスの公開方法について迷惑メール対策の基礎!メールアドレスの公開方法について 迷惑メールが多くて困っていませんか? 迷惑メールには色々な種類がありますが今回はサイト経由でアドレスが流出して迷惑メールが送られてくる場合のお話です。 サイトを公開しているとお問い合わせ連絡先としてメールアドレスをサイトに公開する方も多いと思いますが、サイトに公開しているアドレス宛に大量の迷惑メールが届いて困っているという人も多いと思います。 そもそもなぜ公開してい […]

よく見られている記事

ふにろぐナビ

About

ふにろぐとは?

ふにろぐは「ふにす株式会社」の「でぐち」が書いているブログです。
このブログでは主にサイトの運営をしている企業のご担当者様向けに、「サイトの運営に役立つTips」や「今更人に聞けないような初歩的なこと」を中心に情報を配信しています。
その他には僕自身の考え方なども書いています。

このブログについて

ふにすのお仕事

このブログを書いている「でぐち」がしている「ふにす株式会社」は大阪と京都の間にある高槻という街で、Webの運用サポートを中心に活動しています。
Webサイトの制作とかもしてますが、ブログを続けるためのサポートとか、会社をどうやってPRすればいいんだろうとか、そういうふわっとした事を相談してください。
どういう内容を相談できるのかをまとめましたので、参考にしていただければと思います。

ふにすにはどんな仕事が頼めるの?

ソーシャルとか。

NewEntry

はてブで人気の記事

PickUP

Webサイトの運用に関する情報

ふにろぐで取り上げたWebサイトの運用に関する記事のまとめです。ツールや運用ノウハウなど、知っていると便利になる情報ですので、まずはこちらをご覧ください。

Category

Month