多くのお客様は、スケジュールに独自のカスタマイズや追加機能を加えたいと思っています。そのための優れたツールがJavaScriptです。JavaScriptスニペットとは、スケジュールに配置して追加機能を実現するための小さなコードの断片です。SuperSaaSでは、SuperSaaSアカウント内でコードを配置できる3つの場所を提供しており、スケジュール上部の余白部分(カレンダーの上)も含まれています。このブログでは、JavaScriptを使ってSuperSaaSをより効果的に活用する方法をご説明します。以下の内容を取り上げます:
- SuperSaaSスケジュールでのJavaScriptの一般的な用途
- スケジュールにJavaScriptプラグインを追加する手順
- ライブチャットやカウントダウンタイマーの追加がスケジュールにもたらすメリットの例
- SuperSaaSと容易に連携できるライブチャットソフトウェアの種類
SuperSaaSスケジュールでのJavaScriptの一般的な用途
JavaScriptを使って実現できる追加機能の一つに、スケジュールへのGoogle Analyticsの追加があります。これにより、ユーザーがスケジュールをどのように操作しているかを把握し、ユーザーエクスペリエンスの改善方法を検討することができます。
また、Facebookコンバージョンスニペットを追加することで、Facebookページからスケジュールに誘導されたユーザー数を確認することができます。
JavaScriptが提供するその他のソリューションとして、カウントダウンタイマーをスケジュールに追加することが挙げられます。これにより、お客様が申し込める残り時間や、申し込み開始までの待ち時間を表示することができます。
最後に、スケジュールにJavaScriptを活用する特に興味深い用途の一つが、ライブチャット機能の追加です。ライブチャットは、お客様がスケジュールで予約しようとしている際に、あなたとコミュニケーションを取るための便利な手段です。予約前に質問があるお客様に対して、ライブチャットはユーザーが必要としているときにサポートを提供する優れた方法です。
スケジュールにJavaScriptプラグインを追加する手順
JavaScriptプラグインをスケジュールに追加する手順は、実際には非常に簡単です。以下の手順に従って、SuperSaaS内にこれらの便利な機能を組み込んでください:
- JavaScriptコードスニペットを見つける: まず、カレンダーに追加するコードが必要です。
Google Analytics、ライブチャットサービス、またはその他のJavaScriptベースのサービスのアカウントに登録するか、別のソースからコードを取得することができます。
JavaScriptスニペットを受け取ると、次のような形式になります:

- SuperSaaSスケジュールにコピー&ペーストする: 「設定」ページに移動し、「レイアウト」タブを選択することで行えます。
「レイアウト」タブ内では、カレンダーに関連するすべての画面にコードを配置することができます。
これは、スケジュールの余白部分の上のメッセージ、ログイン画面、およびチェックアウト画面を意味します。
各テキストボックスの右隅に、選択できる小さな <> ボタンがあります。
そのボタンを選択したら、テキストボックスにソースコードを貼り付けてください。

- 変更を保存して結果を確認する: 変更を保存すると、更新されたスケジュールを確認して使用できるようになります。 これでコードをスケジュールに正常に実装できました。 削除または変更するまで、この機能はスケジュール上で有効であり続けます。
ライブチャットやカウントダウンタイマーの追加がスケジュールにもたらすメリットの例
上記のプロセスを使用して、任意の数のJavaScriptスニペットを追加できます。これにはライブチャットやカウントダウンタイマー機能も含まれます。
前述のとおり、カウントダウンをスケジュールに追加することで、お客様がいつまでに予約すべきかを示すことができます。 これは、予約数を増やす効果的なコール・トゥ・アクションとして便利に機能します。
スケジュール上のカウントダウンは次のように表示されます:

以下に、スケジュールにカウントダウンを追加するためのJavaScriptスニペットを掲載します。 カウントダウンの上にカスタムテキストを追加して、タイマーのコンテキストを提供することができます。 カウントダウンの終了時刻を反映するように、ハイライトされた部分を必ず調整してください。
<p>Registration Ends:</p>
<p id="counter" style="font-size:40px">-</p>
<script>
var deadline = new Date("4/15/2019 17:00:00") // Set the deadline
setInterval(function() {
var s=(deadline-new Date())/1000|0,m=s/60|0,h=m/60|0,d=h/24|0,
out="It's over"
if (s>0) {out=(d ? d +"d " : '')+
(h ? h%24 + "h " : '')+m%60+'m '+s%60+'s'}
document.getElementById("counter").innerHTML = out
}, 1000);
</script>
上記で触れたもう一つの機能はライブチャットソフトウェアです。このタイプのソフトウェアは、ユーザーがスケジュールで予約している際に素早く簡単にあなたへ連絡できる手段を提供することで、メールや電話のやり取りの煩わしさを解消します。予約に関する質問に迅速に回答できるようになり、スケジュールの予約数を増やすことができます。
スケジュール上のライブチャットボタンは次のように表示されます:


ライブチャットはJavaScriptプラグインを通じて提供される連携機能の一つに過ぎませんが、適切なライブチャットソフトウェアを選ぶ際にはいくつかの選択肢があります。
SuperSaaSと容易に連携できるライブチャットソフトウェアの種類
SuperSaaSは、サードパーティ連携として複数のライブチャットソフトウェアをサポートしています。連携している中で特に人気のあるものは、Intercom、Live Chat Inc、Chatra、Zoho Desk、Pure Chat、My LiveChat、ZenDeskです。このブログでは、それぞれの簡単な説明をご紹介します:
Intercom – Intercomは、マーケティングファネルのあらゆる段階で最も人気のあるライブチャットプラットフォームの一つです。Intercomは、顧客ライフサイクル全体(獲得からエンゲージメント、サポートまで)にわたって成長を加速するために、あらゆる現代的なビジネスが使用できるメッセージング製品のスイートを構築しています。14日間の無料トライアル期間終了後、Intercomのプランは月額 $ 38 から始まります。
Live Chat Inc – Live Chat Incは、複数のデバイスを通じてすぐにコミュニケーションを取りたいお客様に適したオプションです。サイトの訪問者があなたまたはサポートチームとチャットできるアプリケーションです。eコマースや顧客サポートに最適なソリューションで、ユニークなグリーティングやレポートツールなどの機能が含まれています。Live Chat Incは30日間の無料トライアルを提供しており、その後のプランは月額 $ 16 から始まります。
Chatra – Chatraを使用すると、お客様との会話を開始し、必要なときにそこにいることができます。オフライン時はMessengerを通じてアクセス可能になり、常にオンラインである必要なく直接コミュニケーションが取れます。ターゲットを絞った自動メッセージでお客様を自動的にエンゲージすることもできます。Chatraは永続的な無料プランを誇り、さらに多くの機能が必要な場合は、有料プランが月額 $ 16 から始まります。
Zoho Desk – Zohoチームを使用すると、スマートで整理されたヘルプデスクを運営できます。つまり、お客様が必要なときにカスタマーサポートを提供できます。Zoho Deskは、他のアプリとのカスタマイズや連携を可能にすることで、ビジネスのニーズや独自性に合わせようとします。Zoho Deskを使用すると、チームの取り組みのトレンドやパターンを確認し、改善を行い、より良いパフォーマンスを促すことができます。Zoho Deskは機能が限定された無料プランも提供しており、フル機能の有料パッケージは月額 $ 12 から始まります。
Pure Chat – Pure Chatは、プリセールスとサポート機能を目的とした無料のライブチャット機能です。Pure Chatはセットアップが簡単で直感的に使用できます。すべてのやり取りに費用をかけることなく、リアルタイムサポートで収益を改善しましょう。Pure Chatには永続的な無料プランがあり、大規模なビジネス向けの有料パッケージは月額 $ 39 から始まります。
My LiveChat – My LiveChatには、無制限のチャット、定型返答、プロアクティブチャット、カスタマイズ可能なウィジェット、チャット履歴、非常に高速なメッセージ配信が含まれています。My LiveChatは、オンデマンド、従量課金制、契約なし、いつでもキャンセル可能なライブチャットソリューションです。これにより、リストの中で最も柔軟なライブチャットオプションの一つとなっています。My LiveChatには永続的な無料プランがあり、スタータープランは月額 $ 15 から始まります。
ZenDesk – ZenDeskは、電話、メール、テキストメッセージを含む複数のチャネルにわたるライブチャットを提供しています。ZenDeskは、あらゆるビジネスのニーズに合わせてスケールできる強力で柔軟なカスタマーサービスおよびエンゲージメントプラットフォームです。チャットサポートにより、お客様の質問を予測し、必要なときにサポートを提供できます。ZenDeskは最も手頃なライブチャットソフトウェアの一つを提供しており、有料プランは月額わずか $ 5 から始まります。
ライブチャット、Google Analytics、またはその他の機能を問わず、JavaScriptスニペットはカレンダーをさまざまな方法で最適化するために使用できる貴重なツールです。これらの簡単な手順に従うことで、希望どおりのカレンダーを構築することができます。
SuperSaaSを初めてご利用の方は、アカウントを作成して、オンライン予約システムの多くの可能性をご確認ください。具体的なご質問がございましたら、お気軽にお問い合わせください。

