1.ライブラリを設置

CalPushレポート画面にログインします。

ユーザ情報画面を表示します。

お客様専用のCalPushライブラリのJavaScriptコードを[ユーザ情報]画面より取得して、コピーします。

コピーしたJavaScriptコードをウェブサイトのHTMLに貼り付けます。

2.イベント情報の追加

カレンダー登録に必要なイベント情報をHTMLのdivタグに記載します。

以下に、イベント情報の追加例を記載します。

【例】

イベント情報

タイトル：IoTセミナー

開催日時：2017年3月21日　14:00～17:00

開催場所：幕張メッセ

内容：oTの概念から実際のデバイスを使用してIoT的な体験まで、IoTを支える基本的な技術及びその全体像を理解でき、身近な環境の中でのIoTの可能性を深めることが出来るセミナーです。

HTMLの記載例

<div class="event">
      <button class="event_button">カレンダーへ登録</button>
      <div style="display: none">
      <div class="event_title"> IoTセミナー</div>
      <div class="event_location">幕張メッセ </div>
      <div class="event_datetime">2017/03/21 14:00～2017/03/21 17:00</div>
      <div class="event_remind">30m</div>
      <div class="event_content"> IoTの概念から実際のデバイスを使用してIoT的な体験まで、
      IoTを支える基本的な技術及びその全体像を理解でき、身近な環境の中でのIoTの可能性を
      深めることが出来るセミナーです。</div>
    </div>

<div class="event">
      <button class="event_button">Register to Calendar</button>
      <div style="display: none">
      <div class="event_title"> IoT Seminar</div>
      <div class="event_location">Makuhari Messe </div>
      <div class="event_datetime">2017/03/21 14:00～2017/03/21 17:00</div>
      <div class="event_remind">30m</div>
      <div class="event_content"> Using real devices to acquire IoT-like experience, to understand the fundamental technologies supporting IoT and its overall picture, and the possibility of IoT in a familiar environment. It is a seminar that you can deepen understanding and knowledge of IoT.</div>
    </div>

上記のように記載することで、CalPush導入サイト上に1つのカレンダー登録ボタンの配置が完了となります。

このボタンをクリックすることで、設定したイベント情報をユーザーのカレンダーに登録されます。

また、お客様のニーズに応じて同じサイトにいくつでもカレンダー登録ボタンを配置することができます。

テストサイト

以下にお客様毎のテストサイトがあります。導入の参考にしてください。

※表示されていない場合は新規カスタマイズ設定を追加ください

1. CalPushレポートにログインしてください。

2. [設定]-[カスタマイズ設定]を選択してください。

3. [確認]を選択してください。

4. ソースを表示することで、CalPush導入例を確認可能です。

その他

CalPushには、「複数回リマインド」、「一括登録」、「繰返しイベント」などなど、柔軟に設定可能な項目が数多く存在します。

詳細は以下資料をご確認ください。

CalPush機能仕様書