> For the complete documentation index, see [llms.txt](https://docs.opusbooster.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.opusbooster.com/platform/widgets/countdown-widget.md).

# カウントダウンウィジェット

カウントダウンタイマーは、ただ時間を刻むだけでなく、さまざまな機能を備えています！

カウントダウンタイマーは非常にダイナミックで、プロモーションやオファーにリアルタイムの希少性を持たせることができ、オファーの期限が切れると自動的にページが切り替わるなど、様々な効果が期待できます。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FEBiqAZtXRODKiHbjIsHN%2Ftimer%20widget.PNG?alt=media\&token=23ddadfe-d359-44ad-96c4-6796355396eb)

### 設定

「編集」タブを選択すると、新しいウィンドウが表示されます。ここでは、3つのオプションタブが表示されます。

* カウントダウンタイプ
* 時間選択
* カウンターが終了したとき

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FCURIanqKCOvP7eGHWYjN%2Ftimer%20count%20time.PNG?alt=media\&token=d3b92bb9-dda3-4389-b059-8dfcde9ec378)

まず、カウントダウンタイプのオプションについて見てみましょう。

* **日付カウント**：例えば、期間限定のオファーを表示するオファーページがあるとします。ここでは、好みの日時を選択することで、オファーが終了する時間を追加します。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FEZJJoF2S3knBh04DPAQj%2Ftimer%20count%20to%20date.PNG?alt=media\&token=047438be-93c4-494b-aaca-38b5b1d11fc5)

**時間をカウント**： 日付でカウントするオプションと同様に、時間をカウントも同じ原理で動作しますが、日付の代わりに経過する時間に基づいて動作します。例えば、24時間以内に締め切られるオファーがあるとすると、タイマーはその時間からカウントダウンを開始します。注：ユーザーがページを再度訪れたときに、時間をリセットするオプションがあります。しかし、グローバルなカウントダウンを維持したい場合は、ユーザーが後で戻ってきた場合、オファーの時間が減少していることを意味します。

**数をカウント**：このオプションでは、開始番号と終了番号を指定することができます。また、カウントする間隔を設定することも可能です。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FTLGmagI00EvmximJ5f9n%2Ftimer%20count%20number.PNG?alt=media\&token=cbc81ac8-99c6-4f69-a170-7210b8fa3588)

### カウンターが終了したとき

最後に、カウントダウン ウィジェットの最も重要な部分です。 オプションのいずれかを使用してタイマーを設定した場合、タイマーがゼロになったときに何をしたいですか？またはカウント数を使用している場合は、その数に達したときに何をしたいですか？

あなたには3つの選択肢があります。

* 何もしない
* ページに移動する/ポップアップを表示する
* メッセージを表示する

それぞれが独自の戦略を持っています。例えば、ランディングページにプロモーションオファーがあり、来週の正午に締め切りがあるとしましょう。プロモーション期間を逃した人たちには、シンプルな待機リストページを表示できます。オファーが終了している場合でも、次回プロモーション時にオファーを希望する人たちのリストを作成したい場合には、これは素晴らしいオプションです。また、別のオファーであるか、オファーがまったくないかもしれませんが、自動化されたメールを送って商品/サービスを売ることもできます。

### スタイリング

また、いつものように、あなたのブランドに合ったスタイリングに編集することができます。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2Fe0qF2h8DCnbXTLF2poBi%2Fcountdown%20styling.PNG?alt=media\&token=c5bf77c9-8fc2-43b2-8822-6d57e359e8ba)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.opusbooster.com/platform/widgets/countdown-widget.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
