現在位置:Yahoo!カレンダー > 使い方ガイド > ウェブページにカレンダー登録ボタンを追加する > HTMLタグを自分で作成してカレンダー登録ボタンを追加

ここから本文です

HTMLタグを自分で作成してカレンダー登録ボタンを追加

ウェブページにカレンダー登録ボタンを追加するためのHTMLタグは、基本的なHTMLタグに予定のタイトルや時間などのパラメータや、表示する画像のURLを指定して作成します。

基本的なHTMLタグ

<a href="https://calendar.yahoo.co.jp/?パラメータ&パラメータ&……"><img src="(ボタンURL)" width="(ボタンサイズ横)" height="(ボタンサイズ縦)" alt="Yahoo!カレンダーに登録"></a>

パラメータ

パラメータ 値の説明 エンコード前の文字列
V
(必須)
この値は常に60です。 V=60  
TITLE
(必須)
タイトル
※エンコード前で最大全角80文字
TITLE=%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%9E%E3%82%B9%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC クリスマスパーティー
ST
(必須)
開始日時 YYYYMMDDTHHMMSS (THHMMSSは省略可能)
※2010年12月24日12時30分スタートの場合
ST=20101224T1230  
DUR 予定の期間 (HHMM)
※1時間30分の予定の場合
DUR=0130  
DESC 予定の詳細
※エンコード前で最大全角200文字
DESC=%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%9E%E3%82%B9%E3%82%A4%E3%83%96%E3%81%AE12%E6%99%82%E5%8D%8A%E9%96%8B%E5%A7%8B%E3%81%A7%E3%81%99%E3%80%82%E7%AB%8B%E9%A3%9F%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82 クリスマスイブの12時半開始です。立食パーティーになります。
URL ブラウザで表示される、予定に関連するURL。 URL=http%3A%2F%2Fwww.yahoo.co.jp%2F https://www.yahoo.co.jp/
IN_LOC 場所
※エンコード前で最大全角30文字
IN_LOC=%E6%9D%B1%E4%BA%AC%E3%83%9F%E3%83%83%E3%83%89%E3%82%BF%E3%82%A6%E3%83%B3 東京ミッドタウン
ENC 文字コード ENC=UTF-8  

※日本語や特殊文字などはHTMLのパラメータに使用できないため、URLエンコードします。

※URLの長さが1000バイトを超えると、正常に表示できない場合があります。

ボタン

以下から選べます。

ボタン URL width height
Yahoo!カレンダーに登録 https://s.yimg.jp/images/calendar/yc_btn_01.gif 145px 25px
Yahoo!カレンダーに登録 https://s.yimg.jp/images/calendar/yc_btn_02.gif 109px 23px

HTMLタグのサンプル

上記の例を1つめのボタンを使って実際のHTMLタグにすると、以下のようになります。

<a href="https://calendar.yahoo.co.jp/?V=60&TITLE=%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%9E%E3%82%B9%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3&ST=20101224T1230&DUR=0130&DESC=%E3%82%AF%E3%83%AA%E3%82%B9%E3%83%9E%E3%82%B9%E3%82%A4%E3%83%96%E3%81%AE12%E6%99%82%E5%8D%8A%E9%96%8B%E5%A7%8B%E3%81%A7%E3%81%99%E3%80%82%E7%AB%8B%E9%A3%9F%E3%83%91%E3%83%BC%E3%83%86%E3%82%A3%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82&URL=http%3A%2F%2Fwww.yahoo.co.jp%2F&IN_LOC=%E6%9D%B1%E4%BA%AC%E3%83%9F%E3%83%83%E3%83%89%E3%82%BF%E3%82%A6%E3%83%B3&ENC=UTF-8"><img src="https://s.yimg.jp/images/calendar/yc_btn_01.gif" width="145" height="25" alt="Yahoo!カレンダーに登録"></a>

登録ボタンは、Yahoo! JAPAN利用規約ソフトウエアに関する規則(ガイドライン)含む>をご確認のうえ、ご利用ください。

▲このページのトップへ