> 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/quiz-survey-widget.md).

# クイズ＆アンケートウィジェット

{% hint style="info" %}
将来のプロモーションのための基礎固めをしましょう。クイズを使ってインタラクティブにメールを収集し、セグメント化されたリストを使ってターゲットキャンペーンを作成します。
{% endhint %}

この記事では、あなたのビジネスのためのリードと販売を生成するために役立つクイズを作成、管理、および使用する方法を発見します。まず、要素セクションに移動し、クイズウィジェットを選択します。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2F91UyPBhDIA5IBIbEWJYq%2Fsendly%20quiz.PNG?alt=media\&token=52cad4ad-c0cb-4e07-8fc2-caff10ee4aeb)

### スタイリング

クイズの作り方の仕組みに入る前に、様々なスタイリング要素について見ていきましょう。

エレメントウィジェットのように、色やフォントの選択など、すべてのスタイリングはほとんど同じデザインになっています。通常のフォームのスタイリングと同じです。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FMVJJOnvh0eFSU263pe8Q%2Fquiz%20styling.PNG?alt=media\&token=08076f89-bbb3-4a9a-9dd3-caf1e9026e9b)

### 設定

設定タブ内の機能は、通常のフォームの設定とほぼ同じです。唯一の違いは、次のことができることです：

・オートアドバンス

・プログレスバーやタブを表示する

・戻るボタンを表示する

以下、それぞれについて詳しく説明します。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2F80aSCrSgcMTuBLmXTuN8%2Fsendly%20quiz%20styling.PNG?alt=media\&token=b0ce426a-c0ec-48ea-b26a-dcbb515a6f13)

### オートアドバンス

オートアドバンスオプションは、クイズフロー内でユーザーが次のステップに進むことを可能にします。例えば、次のような場合です： 複数の質問/オプションが表示されている場合、ユーザがオプションを選択すると、クイズフローの次のステップに自動的に進みます。

### プログレスバーとタブ

プログレスバーとタブはオプションです。これらはユーザーにクイズの進行状況やステップを示す視覚的要素を表示します。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FizOJkxdDuqFPJkUzajH4%2Fquiz%20progress%20tabs.png?alt=media\&token=7e177439-27b9-44f7-bea5-f16ffc9b0016)

### クイズフィールド

クイズフィールドは、問題から画像まで、クイズに関するすべての情報を追加する場所です。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FjrP8IiXaWIDeaUdgOTzR%2Fquiz%20fields.png?alt=media\&token=e4ef6969-497b-43d2-9fbd-25696844f248)

## クイズフィールドの編集

クイズフィールドの設定（下図参照）では、ステップの見出しや説明文のフォントや色などを編集することができます。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FwQkXRjz9WaCohZc7M4ec%2Fquiz%20field%20settings.png?alt=media\&token=fa3595fe-e50b-4f82-9e22-b4c5499a4b58)

次のステップは、あなたのクイズ問題の編集を開始することです、単にフィールドの編集タブを選択します。

{% hint style="info" %}
クイズはステップで構成され、そのステップの中にフィールドがあります。クイズのために作成したいステップの量に制限されることはありません！
{% endhint %}

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FL2m8OqdVETTwMpk5p5SD%2Fquiz%20editing%20fields%20option%20bar.PNG?alt=media\&token=a454b768-a061-4d65-9d8d-653c0687ea2a)

上の画像は、実際のクイズフィールドエディタを表示しています。前述のように、これはあなたがテキストから画像まですべてのクイズ情報を挿入することができる場所です。以下のように設定ボタンを選択し、新しいポップアップウィンドウが表示されます。それでは、最初にクイズの質問を編集する方法を見てみましょう。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FqgJh8ArjzLVo5DBvqLoU%2Fquiz%20field%20setting%20tab.png?alt=media\&token=8d1777fc-07e4-41f3-bc80-21d9a7d0e094)

ほとんどの設定オプションはスタイルと表示に関するもので、クイズの部分をユーザーにどのように見せたいかに依存します。主な設定項目は次のとおりです：

* 複数のオプションを選択可能
* CRMのプロパティへのマップ
* 必須項目

\[複数のオプションを選択] タブは、ユーザーに選択してもらいたい質問/オプションが複数ある場合、これは複数のオプションとして分類されます。

**CRMのプロパティにマップ**： これはオプションですが、ユーザーから収集した情報を保存して、後でマーケティング戦略で使用したい場合は重要なステップです。例えば、回答を保存してメールで送信したり、次のページに表示したりすることができます。つまり、ウェブサイトのパーソナライゼーションに最適です。

{% hint style="info" %}
プロパティが存在しない場合は、そのクイズ問題専用のプロパティを作成してください。
{% endhint %}

**必須項目**： ユーザーがクイズを進める前に、オプションが選択されている必要があることを意味します。

### クイズの

クイズステップでは、ステップごとに複数の質問を作成することができ、各質問には評価ベースの答えがあります。まず、クイズの質問設定を見てみましょう。

各質問の横には、以下のような小さな歯車の「設定」があります。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FHabskSRsQRDbaGaIeO9E%2Fquiz%20question%20settings.png?alt=media\&token=52bae3f2-5cf3-44d7-91c4-5bf301f6843b)

選択すると、新しいウィンドウが表示されます。このウィンドウ内にはいくつかのオプションがあります：

* 画像を追加
* 追加情報を表示
* 他のステップにスキップ
* タグを追加

**画像を追加**：クイズを作成するときに画像のみを表示することも可能です。 たとえば、ブランディングに関するクイズがあるとします。４つの画像を表示して、どのデザインが一番好きかを尋ねることができます。画像を使用するかどうかは、クイズのデザイン次第です。画像とテキストを組み合わせて使用することもできます。

{% hint style="info" %}
**トップヒント** - 画像を使用する場合は、すべて同じサイズにするようにしてください。これは、クイズの視覚的な表示をより魅力的に保つのに役立つため、異なるサイズの画像を使用するよりオススメです。オプションでは、画像を正方形や円形のデザインで表示することもできます。
{% endhint %}

**追加情報を表示**： 質問に追加情報を表示したい場合、その質問に関する詳細な情報を表示することができます。追加情報は、情報スタイルのアイコンで表示され、選択すると、以下のように追加情報が表示されます。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2F5kWdB5uyey12Lyf3it9S%2Fquiz%20additional%20info%20tab.PNG?alt=media\&token=962017d2-8593-467b-8849-35aa45562882)

**別のステップにスキップ**： ユーザーがクイズの別の部分、3、4ステップ先までスキップしたい場合、この機能は必要です。問題や選択肢を選択した後、ユーザーがどこに移動したいかを選択するだけです。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FUvXF2dWtFOTMeTTlSdwi%2Fquiz%20skip%20to.PNG?alt=media\&token=4f0b9ca3-3717-485c-a344-00a4da0ea8d5)

**タグを追加**： クイズに参加する過程でユーザーにタグを追加することで、より深いセグメンテーションや自動化、Eメールキャンペーンのトリガーを簡単に設定することができます。注：必要に応じて、各問題に独自のタグを割り当てることができます。

### クイズの採点

クイズは、リードの生成や、商品の推薦など、ユーザーを誘導するために設計されています。クイズの中に採点要素があるため、ユーザーに適切な結果を与えることができます。

{% hint style="info" %}
各問題には、独自のスコアを割り当てることができます。ただし、すべての問題に点数が必要なわけではなく、必要であれば0点でもかまいません。
{% endhint %}

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FJmSbONOoNVMoSmlwpTNN%2Fquiz%20scoring.PNG?alt=media\&token=701deff0-bc72-4b0f-918c-229b00f328c5)

上の画像にあるように、各クイズ問題/オプションは独自のスコアを持つことができます。採点はどのように行われるのでしょうか？

上の画像にあるように、各クイズ問題/オプションは独自のスコアを持つことができます。採点はどのように行われるのですか？ あなたが作成したクイズは、それぞれ独自の結果を持つことになります。

結果はスコアに基づいています。だから、例えば： ブランディングに関する一連の質問をするクイズがあります。クイズが終わると、答えに応じたスコアが加算され、結果が表示されます。

例えば、トータルスコア＝10とすると、10点ならブランディングに役立つガイドブックがダウンロードできることになります。

20点なら、ブランディングを少しは理解しているが、もっとマンツーマンのサポートが必要ということです。この場合は、無料コースの登録にご案内します。

スコア30は、ブランディングについて大いに理解しているが、さらにレベルアップしたい、という意味です。この場合は、より高度な支援を提供する有料サービスをご案内します。

### クイズの管理

ですから、採点戦略を立てたら、今度はクイズが終わった後、どこに連れて行くかを管理する必要があります。

![](https://1369750374-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWQDl1MvGQxbiNyVOzW8v%2Fuploads%2FbrNfXPiDZjNiNcI7NfWm%2FQUIZ%20MANAGEMENT.png?alt=media\&token=ff66ca42-5a0c-47fc-b908-deadbac23cf6)

スコアリングの仕組みは既に説明しましたので、スコア管理タブでスコアリングを挿入することができます。ご覧のように、スコア結果を追加し、結果を含む簡単なお礼メッセージを送るか、特定のページ、ファネルステップ、またはクイズの答えに基づき推奨される製品のチェックアウトに誘導するかを選択するだけです。

{% hint style="info" %}
クイズは必要に応じてポップアップで使用することも可能です。
{% endhint %}

このように、クイズは、私たちが日々記入している通常のフォームの代わりに、インタラクティブなクイズを使ってリードを生成し、売上を上げることを可能にする、強力で人気のある機能なのです。


---

# 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/quiz-survey-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.