いつの間にか美文字への一歩になっている、京都のカラー筆ペンで描くアート書道教室。気軽な和のおけいこです。

Googleカレンダーのブログ等への掲載方法

Googleのサービスを利用する機会が何かとありますが、
検索(私はこれが一番多いです。)はもちろん、Gmailや写真アルバムetc.
その一つにカレンダー機能があります。

ブログやホームページで、イベントのお知らせ等にカレンダー形式で掲載するとわかりやすいので便利です。

運営例)
「日本クリスタルボウル協会」全国の認定奏者コンサートページ
http://www.7crystalbowls.jp/product/61

※虹帆は、上記ホームページ運営に携わらせて頂いております。

Google(にログイン後)カレンダーサービスへ移動、掲載用のコードを取得、貼付けします。
手順は下記の通りです。

  1. マイ・カレンダー
  2. カレンダー設定
  3. 「カレンダーの情報」タブ:このカレンダーを埋め込む
    「このカレンダーを共有」タブ:このカレンダーを一般公開するにチェック
  4. 「色やサイズなどをカスタマイズします」をクリックで、「Google カレンダー埋め込み支援ツール」へ移動
  5. 表示項目やサイズ等を調整後、生成されたコードをブログに貼付け

1.マイ・カレンダー
Googleカレンダー「マイカレンダー」メニュー表示

2.カレンダー設定
Googleカレンダー「カレンダー設定」メニュー表示

3.ブログやホームページで掲載する場合
「カレンダーの情報」タブ:このカレンダーを埋め込む
特にカスタマイズが必要ない場合は、「色やサイズなどをカスタマイズします」の下に表示されているコードを貼付けでOKですが、大抵、表示項目やサイズの幅の調整が必要。

「このカレンダーを共有」タブ:このカレンダーを一般公開するにチェック
チェック後、保存ボタンのクリックを忘れずに!
※「カレンダーの詳細」内のカレンダーのアドレス:共有設定を変更からもこのタブに移動できます。

4.「色やサイズなどをカスタマイズします」をクリックで、「Google カレンダー埋め込み支援ツール」へ移動
Googleカレンダー「カレンダーの情報」タブ表示

Googleカレンダー「このカレンダーを共有」タブ表示

5.表示項目やサイズ等を調整後、生成されたコードをブログに貼付け
※調整内容は、「下記のコードを貼り付けると、このカレンダーがウェブページに挿入されます」の下のコードに自動反映されます。
※ブログの場合、投稿画面はHTMLモードに変更の上、コードを貼付けします。

Googleカレンダー「埋め込み支援ツール」表示

 

↓以上の作業で、掲載したGoogleカレンダーです。
※このブログのデザインの場合、カレンダーの背景色が、Googleの設定ツールにない色でしたので、生成されたコードの一部を書き換えています。
※コードの書き換え時に、間違えるなどやり直したい時は、「下記のコードを貼り付けると、このカレンダーがウェブページに挿入されます」の右横の「HTMLを更新する」ボタンをクリックで、自動生成内容に戻ります。

私のカレンダー、予定が真っ白ですね(;^_^A

補足:
Googleをマルチアカウントでログインしている時に、掲載対象のカレンダーが表示されずGoogleのデフォルト?カレンダーが表示されました。
一度ログアウトし(マルチアカウント分も含めて全てログアウトされます)、掲載対象用のアカウントで再度ログインで、正しいコードの取得OKでした。

コメントはありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

募集中の講座案内

体験講座

日時:10月03日(水)14:00~15:30
場所:京都/西院 わんこDeli & cafe Rui
受講料:¥3,100-(税込)+cafe費用

「日程」へ

夢ロゴアート教室 Level1

日時:
10月03日(水)・24日(水)18:15~19:45

全24回(月2回×1年)、何月からでも始められます。
月謝:¥5,040-(税込)
初回教室セット¥14,720-(税込)

短期養成講座 Level1

日程:
10月13日(土)〜14日(日)
10月19日(金)・26日(金)

時間:全日10:00~17:00
受講料:¥91,720-(税込、認定料・教材費含む)
場所:京都市内のレンタルスペース・自宅教室他

 

※各講座・教室とも上記以外の日時(水・金・土・日)も募集中です。お気軽にご相談下さい。

「講座・料金」説明へ

お問合せフォームへ

お申込み・お問合せは「メールフォーム」へ