イベント用に「カレンダーに追加」ボタンを追加する方法

ユーザーに、イベント、予約、または旅行を素早くスマートフォンのカレンダーに追加できる「カレンダーに追加」ボタンを提供してください。

スキルレベル: 中級

開始前の準備

  • コンピューターでのコピー&ペースト方法を知っていること

  • Adaloアプリのデータベースにアクセスする方法を知っていること

  • この機能を実装するために有料プランは必要ありません

手順

1.) "Events" という新しいコレクションを作成します

2.) コレクション内のテキストプロパティの名前を "Event Title" に変更します

3.) "Start Date and Time" という日付と時刻のプロパティを追加します

4.) もう1つの日付と時刻のプロパティ "End Date and Time" を追加します

5.) 画面テンプレートから新しいシンプルリスト画面を追加します

6.) "何のリストですか?" ドロップダウンメニューから "Events" を選択します

7.) 右側セクション のドロップダウンメニューを開き、カレンダーに追加ボタンとして使用するボタンアイコンを選択します

8.) このボタンに リンク アクションを追加し、ウェブサイト にリンクします

9.) カレンダーの招待状を生成するために、Agical という素晴らしいツールを使用します。招待状を生成するために、まずこのURLをアクションの入力フィールドにコピー&ペーストします:

https://ics.agical.io/?subject=MAGICTEXTSUBJECT&reminder=30&dtstart=STARTDATETIME&dtend=ENDDATETIME

10.) このリンク内のすべての 大文字 のテキスト部分を、現在のイベントオプションのマジックテキストで適切に置き換えます。たとえば、MAGICTEXTSUBJECT の部分を Events コレクション内の Subject プロパティに置き換えます。リンク内の reminder 部分の数字を変更すると、イベントのアラーム時間が異なります。

11) マジックテキストの日付にある鉛筆アイコンをクリックし、フォーマットを "フォーマットなし" に設定します

例:

カレンダー招待状を生成するための設定リンクの例を示すアクションの例。

結果

リスト内のボタンをクリックすると、ユーザーにイベントを電話のカレンダーに追加するように求められます!Webアプリの場合、ユーザーにカレンダー招待状ファイル(.ics)のダウンロードを促します。

もっと詳しく知る

  • リスト内でないボタンにもこのアクションを追加できます。ただし、ボタンがある画面に現在のイベントデータが利用可能である必要があります。

  • リンクURLには、イベントの繰り返しシリーズ、場所、主催者情報など、さらに多くのカレンダー招待状オプションを添付することもできます。以下に、リンクURLに添付できるオプションの完全なリストがあります。これらのオプションを添付する際には、各オプションの前に**&記号、後に=**記号、その後に使用したいマジックテキストの値を入れる必要があることを忘れないでください。

リンクオプション

説明

description

イベントの詳細な説明

organizer

イベントを主催する人の名前

location

イベントの場所

attach

ウェビナーリンクなど、イベントのURLやリンク

subject

イベントの件名やタイトル

dtstart

イベントの開始日(フォーマットなし)

dtend

イベントの終了日(フォーマットなし)

recur

有効な値は weekly および monthly です。 recuruntil オプションと一緒に使用します

duration

イベントの長さを指定するために dtend の代わりに使用します。有効な値は 1H は1時間、30M は30分のようにフォーマットされます

reminder

イベントの開始前にリマインドを受け取りたい時間(分単位)。有効な値は1以上の数値です。例えば、15 はミーティングが始まる15分前にユーザーにリマインドします。

recuruntil

recur オプションと一緒に使用します。これは繰り返しイベントシリーズが終了する日付です(フォーマットなし)。

allday

終日続くイベントの場合は省略します。終日続くイベントの場合は、このオプションの値は 1 である必要があります

format

Android 用の Google カレンダーリンクを生成したい場合は、値として gcal を入力してください

ヘルプ

この記事で追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問できます!投稿にはこの記事へのリンクも貼っておいてください! https://help.adalo.com/how-to/how-to-add-an-add-to-calendar-button-for-events

Last updated

Was this helpful?