「カレンダーに追加」コンポーネント

このコンポーネントは、Google 広告、Google AdMob、AMP HTML 広告、動画広告、イメージ広告ではサポートされていません。

「カレンダーに追加」コンポーネントを使用すると、カレンダーにイベント通知を追加できるようになります。このコンポーネントは、Google、Yahoo!、Windows Live の各カレンダーと、iCalendar フォーマットに対応しています。

PC 版の Safari は iCalendar のダウンロードに対応していません。

このコンポーネントは、サポートされているカレンダータイプの 1 つのみで使用するようにも、複数のタイプで使用するようにも設定できます。複数のタイプで使用する場合は、対象のカレンダーをプルダウンメニューから選択することになります。1 つのカレンダータイプのみで使用する場合は、コンポーネントをクリックするとすぐにカレンダーが開きます（または iCalendar イベントがダウンロードされます）。

プロジェクトで「カレンダーに追加」コンポーネントを使用するには:

[コンポーネント] パネル、[日時] フォルダの順に開きます。
[カレンダーに追加] コンポーネントをステージにドラッグします。
[プロパティ] パネルの [カレンダーに追加] プロパティセクションで、イベントの名前、開始日時、終了日時を入力します。
デフォルトでは、このコンポーネントは透明です。目に見える要素の上に配置することで、コンポーネントを有効化する際にクリックすべき場所がわかるようになります。

プロパティ

プロパティ	説明
名前	コンポーネント名。
イベント	ユーザーのカレンダーに表示されるイベント名です。動的データにバインドできます。
開始日	イベントの開始日です。動的データにバインドできます。
開始時間	イベントの開始時間（24 時間形式）です。動的データにバインドできます。
終了日	イベントの終了日です。動的データにバインドできます。
終了時間	イベントの終了時間（24 時間形式）です。動的データにバインドできます。
タイムゾーン	（省略可）イベントのタイムゾーンです。このプロパティを設定しておけば、ユーザーが別のタイムゾーンにいる場合に、ユーザーに合わせて日時が調整されます。動的データにバインドできます。
場所	（省略可）イベントの場所。動的データにバインドできます。
説明	（省略可）イベントの説明です。動的データにバインドできます。
カレンダーのタイプ	サポートされているカレンダーのタイプ: iCalendar Google Windows Live Yahoo 複数のタイプを選択した場合は、コンポーネントをクリックしたときに表示されるプルダウンメニューから 1 つを指定します。1 つのタイプのみを選択した場合は、コンポーネントをクリックしたときに選択したカレンダーが開くか iCalendar ファイルがダウンロードされます。

詳細プロパティ

複数のカレンダータイプを選択した場合、詳細プロパティを使ってプルダウンメニューの表示形式をカスタマイズできます。詳細プロパティを表示するには、コンポーネントのプロパティパネルで [詳細プロパティ] の展開アイコンをクリックします。

詳細プロパティ	説明
背景色	プルダウンメニューの背景色。
フォントの色	プルダウンメニューで使用されるフォントの色。
フォント名	プルダウンメニューで使用されるフォント。
フォントサイズ	プルダウンメニューで使用されるフォントのサイズ。
フォントの太さ	プルダウンメニューで使用されるフォントの太さ。
ハイライトの色	プルダウンメニューでユーザーの選択領域に使用されるハイライトの色。

プレビュー

このコンポーネントは Google Web Designer インターフェースではプレビューできません。コンポーネントの動作を確認するには、右上隅にある [プレビュー] ボタンをクリックし、お使いのブラウザでドキュメントをプレビューしてください。

この情報は役に立ちましたか？

改善できる点がありましたらお聞かせください。