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

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

フィードバックボタンはフィードバックタブやスライダに似ているため、さまざまなデバイスサイズにレスポンシブにアクセス可能なクリエイティブを作成できます。このクリエイティブにより、ウェブサイトへのフィードバックボタンの追加が大幅に容易になります。

フィードバックボタンの設計

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

この機能にアクセスできるようになると、他のクリエイティブと一緒に［フィードバック］ボタンを使用できるようになります。ガイド付きウェブサイトフィードバックの設定でフィードバックボタンを作成することを選択できます。または、フィードバックボタンを個別にスクロールしてセクションごとにスクロールすることもできます。

［フィードバック］ボタンを選択すると、クリエイティブに名前を付けることができます。

見た目と操作性(&A)

見た目と操作性のセクションでは、クリエイティブの全体的な見た目と操作性を次のようにカスタマイズできます：

• ボタンの位置: Web ページでのボタンの表示場所を設定します。
• ボタンテキスト: ボタンのテキストを指定します。
• ボタンアイコン：テキストの左にあるボタンに表示するアイコンを選択します。
• テキストの色: ボタンテキストの色を選択します。
• ボタンの色: ボタン自体の色を選択します。
• ボタンの形: ボタンの枠線の半径を設定します。これにより、角の丸みが決定されます。
• ［自分のもの］ボタンを使用：独自の画像をアップロードしてボタンとして使用します。イメージサイズをそのまま使用するか、適切なサイズにサイズ変更することができます。独自のボタンを使用すると、画面読込テクノロジーで使用するために、代替テキストを入力できる項目が表示されます。
  

• テンプレートを使用：アンケートテーマをクリエイティブのスタイル設定のテンプレートとして使用します。これにより、そのアンケートテーマの一次色と質問間隔の設定がインポートされます。
  
  ヒント：クリエイティブの設定がテンプレートとして使用されるテーマから切り離されています。テンプレートのテーマが変更されても、クリエイティブの設定は更新されません。クリエイティブの設定を変更しても、テンプレートのテーマは変更されません。
• 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 (デスクトップ) タブまたはモバイル Web タブを使用して、デスクトップ Web ブラウザとモバイル Web ブラウザのフィードバックボタンの表示方法を制御するように個別に設定することができます。

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

サーベイ照会

アンケート表示セクションで、ユーザーがフィードバックボタンをクリックした後の実際のアンケートの表示方法を制御できます。

Web (デスクトップ) のサーベイ表示オプション:

• Web 表示:
  • スライダー：アンケートはスライダーに表示され、スライドインとスライドアウトが行われます。［フィードバック］ボタンを消すアイコンを追加した場合、［X］をクリックすると、スライダーとフィードバックの両方のボタンが消えます（たとえば、クリエイティブ全体が画面に表示されなくなります）。
  • オーバーレイ: サーベイが埋込ウィンドウに表示されます。また、Fade background フィールドを使用して、オーバーレイの闇レベルを設定することもできます。フィードバックボタンを消すアイコンを追加した場合、Xをクリックすると埋め込みアンケートが消去されますが、フィードバックボタンは引き続き表示され、必要に応じて再選択できます。
  • 新しいウィンドウ：アンケートが新しいウィンドウに表示されます。
• アンケートのサイズ：ページ全体の高さに対する割合で、ページのアンケートのサイズ（高さ）を制御します。Web 表示用にスライダを選択した場合にのみオプションです。
• フィードバックボタンを消すためのアイコンを追加：フィードバックボタンが表示されないようにするためのオプションを追加します。
• Iframe タイトル：対応するインターセプトに埋め込みターゲットを追加した場合は、スクリーンリーダーが解釈できるタイトルを追加します。

モバイルウェブのアンケート表示オプション：

• モバイル Web 表示:
  • Pull up ：アンケートは画面の一部をカバーするプルアップウィンドウに表示されます。フィードバックボタンを消すアイコンを追加した場合、Xをクリックすると埋め込みアンケートが消去されますが、フィードバックボタンは引き続き表示され、必要に応じて再選択できます。
    ヒント：プルアップウィンドウの外観は、実装にプログラミングの知識が必要なカスタムコードを使用して調整できます。Qualtricsサポートでは、カスタムコーディングに関するサポートやコンサルティングを提供していません。代わりに、経験豊かなユーザーのコミュニティにいつでも質問を投稿できます。カスタムコーディングサービスの詳細については、クアルトリクスの営業担当にお問い合わせください。
  • 新規タブ：アンケートが新しいブラウザータブに表示されます。これを選択した場合、代わりにアンケートの新しいブラウザータブに移動するため、iFrame タイトルを追加するオプションはありません。
• Iframe タイトル：対応するインターセプトに埋め込みターゲットを追加した場合は、スクリーンリーダーが解釈できるタイトルを追加します。

翻訳

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

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

フィードバックボタンクリエイティブに変更を追加する場合は、プレビュー領域のすぐ上にある右上隅の［保存］ボタンをクリックして、作業内容を定期的に保存してください。

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

インターセプトの設定

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

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

FAQ