ホームページに「Googleカレンダーに登録ボタン」を追加したい

イベントを主催したりする企業だとホームページにイベント情報を掲載している場合がありますよね。

connpassとかのイベントに参加する機会もあり、またGoogleカレンダーを活用しまくってる私としてもサイトからGoogleカレンダーに情報を登録できるのは非常にありがたいことだなと。

活用していて、ふとどうやって実装しているのか(JSで実装しているのは理解していること前提で)を見つけてきておいた方が自分のためにもなるかなと思い、調べました。

 

今回、

  • タイトル
  • 予定時刻
  • 場所

を登録できればいっかな。みたいな。

 

とはいえ、JSをイチから書くというのも考えたのですがそこまでの技術が追いついておらず・・・これを使ってそのうちカスタマイズしたほうがいいのではと思ってメモ。

 

Googleカレンダーに予定を登録するリンクを作成するJavaScript

グーグルカレンダーに予定を追加するURLを作るライブラリを作りました

 

 

こちらの記事が大変勉強になった。

というか、この方法でやったら間違いないというこってすけど。。。

今回、終日でGoogleカレンダーに予定の登録ができればなと思っていたので、

var formatdate = function(datestr) {
    var date = new Date(datestr + '+09:00');
    return date.getUTCFullYear() + zero(date.getUTCMonth()+1) + zero(date.getUTCDate()) + 'T' +
        zero(date.getUTCHours()) + zero(date.getUTCMinutes()) + zero(date.getUTCSeconds()) + 'Z';
};

ここの部分の’T’以降を削ると、終日登録できるみたいですね。

 

WPに突っ込んで使っているのですが、なんなく使えるし、

もうちょっと色々と調べて自分なりにカスタマイズ方法を考えていくべきだし、WPとの連携という観点でも、もう少しもしかしたらいい方法があるかもしれません。

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

目次