カウントダウン: ページにカウントダウンタイマーを表示する

タイマータイプ設定では、ファネルページでのカウントダウンの機能をカスタマイズできます。各オプションの詳細な説明は次のとおりです。

カレンダーイベント:

このオプションは、カウントダウンイベントで構成されたイベントの日時と同期したカウントダウンタイマーをカウントダウンファネルアプリに自動的に表示するように設計されています。カウントダウンファネルアプリのカウントダウンイベントからイベントデータから直接取得するため、手動で日付や時刻を入力する必要はありません。これは、ウェビナー、製品発表会、予定された販売などのイベントに最適で、タイマーがイベント スケジュールに動的に一致するようにします。

大事な：

カウントダウン ファネル アプリでカウントダウン イベントを作成し、ファネル ステップにイベントを添付する必要があります。カウントダウンカレンダーイベントを作成し、それをファネルステップに添付する方法の詳細については、記事 How to Create and Manage Countdown Events および How to Add a Countdown Calendar Event in a Funnel Stepをご覧ください。

カウントダウン：

このタイプでは、カウントダウンの有効期限が切れる特定の日時を手動で設定できます。ファネルイベントに関連付けられていないため、タイマーの期間を完全に制御できます。構成には次のものが含まれます。

• 終了日: カウントダウンを終了する日付を選択します。

• 終了時刻: カウントダウンが終了する特定の時刻を定義します。

• タイムゾーン: 正確性を確保するには、タイムゾーンを設定します (EST、CST、MST、PST のみ)。

常緑：

エバーグリーン タイマーは、訪問者のページとのやり取りに基づいて特定の時間までカウントダウンするように設計されています。このタイマーは、設定した頻度(毎日、毎週、毎月、ページ上の読み込みなど)に従ってリセットされます。この機能は Cookie によって強化されており、システムが訪問者のセッションを追跡して記憶できるようにします。訪問者が同じブラウザを使用してページに戻り、Cookie がそのまま残っている場合、カウントダウンは中断したところから再開されるか、設定に基づいてリセットされます。主な設定は次のとおりです。

• 時刻リセット: タイマーがリセットされる頻度を選択します。

  • 毎日: 毎日指定した時刻にリセットされます。たとえば、カウントダウンは毎日午前 6:00 に再開され、訪問者に毎日新しいオファーが表示されます。

  • 毎週: 選択した時刻の特定の曜日にリセットされます。たとえば、毎週月曜日の午前 9:00 にリセットするように設定すると、訪問者にはカウントダウンが毎週再開されます。

  • 毎月: 設定された時刻の月の特定の日にリセットされます。たとえば、毎月のプロモーションでは、毎月 1 日の午前 12:00 にリセットするように設定できます。

  • ページ読み込み時: ページが読み込まれるたびにリセットされます。「ページ読み込み時」を設定すると、カウントダウン期間を 2 時間などに設定して、時間的制約のある正確なオファーを作成できます。たとえば、2 時間のカウントダウンは、誰かがページに再アクセスするたびに 2 時間から再開され、リピート訪問者にとって緊急性が生まれます。

[ アクションの有効期限 ] 設定は、カウントダウンがゼロに達したときの動作を決定します。この機能は、訪問者の次のステップを定義し、スムーズな移行を確保し、エンゲージメントを維持するのに役立ちます。次のオプションから選択できます。

コンテンツの表示/非表示:

ページ上の特定の要素を選択して、タイマーの有効期限が切れたときに表示または非表示にします。これは、次の場合に役立ちます。

• 「オファーの有効期限が切れました」や「今後のイベントにご期待ください」などの新しいメッセージまたはセクションを表示します。

• オファーの終了後に行動を促すボタンまたはフォームを非表示にする。

設定するには:

1. [ 表示 または 非表示] ドロップダウンメニューをクリックします。
   

2. 有効期限が切れた後に表示または非表示にするセクション/行/要素を選択します。
   

URLにリダイレクトします。

カウントダウンが終了すると、訪問者を別のページまたはWebサイトに自動的にリダイレクトします。これは、次の場合に最適です。

• ユーザーを「ありがとう」ページに誘導する。

• 新しいオファーまたはキャンペーンにリダイレクトします。

設定するには:

1. [期限切れのアクション] ドロップダウン メニューから [URL にリダイレクト] を選択します。
   

2. 目的のURLをhttp://で入力します またはhttps:// [リダイレクト URL] フィールドに入力します。

[タイマー タイプ(Timer Type)] を [エバーグリーン(Evergreen)] に選択した場合は、[ポリシー(Policy)] オプションを設定できます。

カウントダウン要素の ポリシー 設定は、有効期限とリセットに関してカウントダウンがどのように動作するかを決定します。利用可能なオプションは次のとおりです。

• 自動リセット タイマー: このポリシーは、選択したリセット頻度 (毎日、毎週、毎月、またはページ読み込み時) に基づいてカウントダウンを自動的にリセットします。たとえば、タイマーを毎日午前 6:00 にリセットするように設定した場合、訪問者のアクションに関係なく、定義された時間に再起動します。

• X 日自動期限切れ: このオプションを使用すると、タイマーは指定した日数後に自動的に期限切れになります。設定された期間が経過すると、カウントダウンはリセットされなくなり、リピーターには表示されなくなります。これは、オファーが特定の期間後に終了する期間限定のキャンペーンに役立ちます。

• 有効期限なし: この設定では、カウントダウンはリセットまたは期限切れにすることなく無期限に継続されます。これは、カウントダウンを一貫して実行し、インタラクションや訪問時間に関係なく、すべての訪問者に緊急性を生み出したいキャンペーンに最適です。

タイマーの表示設定では、カウントダウンタイマーに表示する時間単位(年、月、週、日、時、分、秒)を決定できます。これにより、キャンペーンのニーズに合わせて時間をどのように表現するかを制御できます。仕組みは次のとおりです。

• 時間単位のカスタマイズ: キャンペーンのコンテキストに基づいて特定の時間単位を表示することを選択できます。例えば：

  • カウントダウンが数か月にわたる場合は、「月」を有効にして残り月数を表示することができます。

  • 数時間で終了するキャンペーンなど、短いキャンペーンの場合は、「時間」と「分」のみを表示できます。

• 動的計算: タイマーは動的に調整され、選択した単位を使用して残り時間を表示します。例えば：

  • 「日」と「時間」のみを表示することを選択した場合、キャンペーンが数週間または数か月にわたる場合でも、タイマーは残り時間を計算し、これらの単位に変換します。

  • 「月」を選択すると、カウントダウンが計算され、有効期限までの残り月数が表示されます。

時間コンポーネントを使用すると、カウントダウンに表示される時間単位の外観をカスタマイズできます。この機能により、タイマーがブランドやデザインの好みに確実に合致します。時間コンポーネント内では、次のことができます。

• 上余白: 要素コンテナの上部から時間単位の上余白を調整します。

• タイポグラフィ: ページのデザインに合わせて、時間単位のフォント サイズ、スタイル、太さを変更します。

• 色と不透明度: 時間単位の色と透明度をカスタマイズして、目立たせたり、ページにシームレスに溶け込ませたりします。

• テキストシャドウ: テキストシャドウ効果を有効にし、オフセット、ぼかし、シャドウの色などのパラメータを調整して、視覚的な魅力を高めます。

これらの設定により、時間単位の表示方法を完全に制御できるため、プロフェッショナルで一貫したデザインを維持しながら注目を集めることができます。

[時間コンテナ]設定では、時間単位を格納するボックスまたはコンテナのカスタマイズ オプションが提供されます。これらの設定は、デザイン要件に合わせてカウントダウンの構造とレイアウトのスタイルを設定するのに役立ちます。タイムコンテナ内では、次のことができます。

• パディング: コンテナ内の間隔を調整して正確に配置します。

• 背景: 背景色を設定して、コンテナを視覚的に区別します。

• 境界線: カスタマイズ可能なスタイル、色、太さで境界線を追加して、額縁の外観にします。

• シャドウ効果: シャドウ効果を適用して、コンテナに奥行きと強調を加えます。

• コーナー半径: コンテナの角を丸くして、より柔らかい外観にします。

これらのオプションを使用すると、カウントダウン タイマーの全体的な外観と操作性を調整し、一貫したデザインを維持しながら注目を集めることができます。

カウント ダウン コンテナ 設定では、時間単位とラベルを格納するボックスまたはコンテナのカスタマイズ オプションが提供されます。これにより、ページデザインに合わせて単位とラベルコンテナのスタイルを設定し、配置できます。カウントダウンコンテナ内では、次のことができます。

• パディング: コンテナ内のスペースを調整して、バランスの取れたレイアウトを作成します。

• 背景色: コンテナの背景色を設定して、ページの背景と区別します。

• 幅: コンテナのサイズを定義して、デザインにシームレスに収まるようにします。

• 罫線: スタイルと色を調整できる罫線を追加して、コンテナの輪郭を描きます。

• 影の効果: 影の効果を適用して深みを加え、カウントダウンを目立たせます。

• コーナー半径: コンテナの角を丸くして、より柔らかく、よりモダンな外観にします。

これらの設定により、カウントダウンの外側のコンテナが視覚的にまとまりがあり、さまざまなデザイン ニーズに適応できるようになります。

ラベルコンポーネントを使用すると、「時」、「分」、「秒」などの時間単位の下に表示されるラベルをカスタマイズできます。このコンポーネントは、ラベルがデザインやブランドの要件に確実に適合するように柔軟性を提供します。ラベルコンポーネント設定でできることは次のとおりです。

• 表示: 目のアイコンを使用して表示を切り替えることで、ラベルの表示または非表示を選択できます。非表示にすると、カウントダウンには数値のみが表示されます。

• タイポグラフィ: ラベルのフォント スタイル、サイズ、太さをデザインに合わせて調整します。

• 色と不透明度: ラベルの色と透明度をカスタマイズして、デザインにシームレスにフィットさせます。

• 背景: 必要に応じて、ラベルセクションの背景色を追加して、視覚的な区別を改善します。

• テキスト効果: テキストの影を有効にするか、境界線と角の半径を追加して、ラベルの外観を向上させます。

これらの設定により、ラベルは読みやすさと視覚的な魅力を維持しながら、カウントダウン タイマーの全体的な外観を補完します。

[ ギャップ] と [ラベルの順序 ]の設定には、カウントダウンタイマー要素の間隔と配置を制御するための高度なオプションが用意されています。これらの設定により、レイアウトを微調整し、視覚的なバランスを向上させることができます。仕組みは次のとおりです。

ギャップ設定

• 日付/時刻のギャップ: 日付セグメントと時刻セグメントの間隔を調整します。

• 日付項目のギャップ: 「日」や「時間」など、個々の日付単位間の距離を変更します。

• 時間項目のギャップ: 「時間」や「分」などの時間単位の間隔を制御します。

• 金額/ラベルのギャップ: 数値 (金額) とそのラベル (「時間」など) の間のスペースを定義します。

ラベルの順序

[ ラベルの順序] 設定では、時間値とそのラベルの配置方法を選択できます。

• 金額優先: ラベルの前に数値を表示します (例: 「52 時間」)。

• ラベル ファースト: 数値の前にラベルを表示します (例: 「時間 52」)。

これらのオプションにより、カウントダウン タイマーを柔軟に表示できるため、デザインの好みに確実に合わせ、読みやすさが向上します。