フィードバックボタンクリエイティブ

フィードバックボタンクリエイティブについて

フィードバック］ボタンは、［フィードバック］タブやスライダーと同様に、アクセシビリティの高いクリエイティブをさまざまなデバイスサイズに対応させることができます。このクリエイティブを使えば、ウェブサイトにフィードバックボタンを素早く追加することができます。

フィードバックボタンのデザイン

フィードバックボタンの設定 クリエイティブ

この機能にアクセスすると、他のクリエイティブと一緒にフィードバックボタンが利用できるようになります。フィードバックボタンは、ウェブサイトフィードバックセットアップで作成することもできますし、ピースバイピースセクションまでスクロールダウンして、フィードバックボタンを独自に作成することもできます。

フィードバックボタンを選択すると、クリエイティブに名前を付けるオプションが表示されます。

見た目と操作性

見た目と操作性」では、クリエイティブ全体の見た目と操作性を以下のようにカスタマイズできます：

• ボタンの位置 ウェブページのどこにボタンを表示するかを設定します。
• ボタンのテキスト： ボタンのテキストを指定します。
• ボタンアイコン テキストの左側のボタンに表示したいアイコンを選択してください。
• テキストの色： ボタンのテキストの色を選択します。
• ボタンの色： ボタン自体の色を選択します。
• ボタンの形状： ボタンの境界半径を設定します。これは角の丸みを決める。
• 自分のボタンを使う： 自分の画像をアップロードしてボタンとして使用します。画像サイズをそのまま使用するか、適切なサイズにリサイズするかを選択できます。独自のボタンを使用する場合、画面読み上げ技術で使用するためのaltテキストを入力するフィールドが表示されます。
  

• テンプレートを使用する：クリエイティブのスタイル設定のテンプレートとしてアンケートテーマを使用します。これにより、そのアンケートテーマの原色と質問間隔の設定がインポートされます。
  
  Qtip：クリエイティブの設定は、テンプレートとして使用されているテーマとは切り離されています。テンプレートテーマが変更されてもクリエイティブの設定は更新されず、クリエイティブの設定を変更してもテンプレートテーマは変更されません。
• Cssをカスタマイズする：フィードバックボタンのCssを自由にカスタマイズできます。デフォルトのものに加えて、カスタムクラスやプロパティを追加することができます。ここで行った編集はプレビューには反映されないかもしれません。ガイド付きセットアップを完了させ、デプロイ前にインターセプトをテストすることを忘れないでください。
  注意以下のコードはそのまま提供され、実装するにはプログラミングの知識が必要です。Qualtricsサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。その代わり、クアルトリクスXMコミュニティの経験豊富なユーザーにいつでも質問できます。
  警告同じページに複数のフィードバックボタンがある場合、カスタムCssはページ上のすべてのボタンに影響します。最後にロードされたインターセプトのCssが、ページ上のすべてのインターセプトに適用されます。カスタムCssを使用する場合は、1ページに1つのフィードバックボタンのみを使用することをお勧めします。

  -フィードバックボタン用のデフォルトCssを表示するには、ここをクリックしてください。

  定義済みテンプレート内のCssセレクタやクラスを削除すると、テンプレートの更新や再読み込みができなくなります。
  /* フィードバックボタンのスタイルを上書きするには、以下のクラスを使用してください。
注意以下のコードはそのまま提供されます。
、実装するにはプログラミングの知識が必要です。
Qualtricsサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。
クアルトリクスXMコミュニティ（英語）の経験豊富なユーザーにいつでも質問できます。
カスタムコードに関するヘルプは、https://community.qualtrics.com/custom-code-12
注：ここでの変更はプレビューアには反映されません。
変更を手動でテストするようにしてください。 */
/* スタイルフィードバックボタンの親コンテナ。これは、フィードバックボタンを格納する、画面全体の上に置かれ、ほとんど透明なコンテナです */
.QSIFeedbackButton {
/* z-index：1; */
/* white-space: normal !important; */
}
/* スタイル・フィードバック・ボタン */
#QSIFeedbackButton-btn div {
/* line-height: 1em !important; */
/* margin: 0 0.5em 0 0 !important; */
/* width: auto ！important; */
/* font-size: inherit !important; */
/* font-weight: normal !important; */
/* font-style: normal !important; */
/* display: inline !important; */
/* color：#000000 !important; */
/* background-color：#136ef6 !important */
}
/* スタイル調査 iFrame コンテナ。これはiFrameを収容し、フィードバックボタンをクリックすると表示される */
#QSIFeedbackButton-pullup-container.QSIFeedbackButton {
/* display: inline-block !important; */
/* margin-right: 5px ！important; */
}
/* スタイルアンケート iFrame */
#QSIFeedbackButton-survey-iframe {
/* display: inline-block !important; */
/* height: 100% !important; */
/* width: 100% !important; */
}.

上記のすべてのオプションは、［ウェブ（デスクトップ）］タブまたは［モバイル］タブを使用して、フィードバックボタンがデスクトップのウェブブラウザとモバイルのウェブブラウザでどのように表示されるかを制御するために個別に設定することができます。

モバイルウェブでは、必要に応じてこのクリエイティブを完全に無効にするオプションもあります。モバイルブラウザでこのボタンを表示しないを選択して、モバイル用にオフにします。

アンケート調査表示

アンケート調査表示 セクションでは、ユーザーがフィードバックボタンをクリックしたときに、実際のアンケートがどのように表示されるかをコントロールすることができます。

Web（デスクトップ）のアンケートの表示オプションは次のとおりです：

• ウェブ表示：
  • スライダー：アンケートは、スライドして表示されるスライダーで表示されます。フィードバックボタンを解除するアイコンの追加を有効にしている場合、Xをクリックするとスライダーとフィードバックボタンの両方が解除されます（例えば、クリエイティブ全体が画面から消えます）。
  • オーバーレイ：アンケートは埋め込みウィンドウに表示されます。また、Fade backgroundフィールドでオーバーレイの暗さレベルを設定できる。フィードバックボタンを無効にするアイコンを追加している場合、X をクリックすると埋め込まれたアンケートは無効になりますが、フィードバックボタンは表示され、必要に応じて再選択することができます。
  • 新しいウィンドウアンケートは新しいウィンドウで表示されます。
• アンケート調査サイズ：ページ全体の高さに対する割合で、ページ上のアンケート調査サイズ（高さ）をコントロールします。ウェブ表示用にスライダーを選択した場合のみのオプションです。
• フィードバックボタンを解除するアイコンを追加する：フィードバックボタンを消すオプションを追加。
• フレームのタイトル：対応するインターセプトに埋め込みターゲットを追加した場合は、スクリーン・リーダーが解釈できるタイトルを追加してください。

モバイルウェブでのアンケートの表示オプションは次のとおりです：

• モバイルウェブの表示：
  • プルアップアンケートは、画面の一部を覆うプルアップウィンドウに表示されます。フィードバックボタンを無効にするアイコンを追加している場合、X をクリックすると埋め込まれたアンケートは無効になりますが、フィードバックボタンは表示され、必要に応じて再選択することができます。
    Qtip:プルアップウィンドウの外観はカスタムコードを使って調整することができます。Qualtricsサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。その代わりに、私たちの熱心なユーザー・コミュニティに尋ねてみることもできます。カスタムコーディングサービスの詳細については、クアルトリクスの営業担当にお問い合わせください。
  • 新しいタブ：アンケートは新しいブラウザのタブに表示されます。このオプションを選択すると、アンケート調査のために新しいブラウザタブに移動するため、iframe タイトルを追加するオプションはありません。
• フレームのタイトル：対応するインターセプトに埋め込みターゲットを追加した場合は、スクリーン・リーダーが解釈できるタイトルを追加してください。

翻訳

ボタンテキストの翻訳を追加します。ステップバイステップの手順については、フィードバックボタンとレスポンシブなダイアログの翻訳を参照してください。

フィードバックボタンのクリエイティブの保存と公開

フィードバックボタンクリエイティブに変更を加える際は、プレビューエリアのすぐ上、右上にある「保存」ボタンをクリックして、定期的に作業を保存してください。

クリエイティブを公開する準備ができたら、公開をクリックします。これによって、クリエイティブをモバイルアプリにライブでプッシュできるようになる。

インターセプトの設定

フィードバックボタンのクリエイティブは、標準的なインターセプトで使用できます。ただ、インターセプトのクリエイティブを設定する際に、フィードバックボタンのセクションで特定のクリエイティブを選択してください。

フィードバックボタンの変更

FAQ