Skip to main content
Loading...
Skip to article
  • Qualtrics Platform
    Qualtrics Platform
  • Customer Journey Optimizer
    Customer Journey Optimizer
  • XM Discover
    XM Discover
  • Qualtrics Social Connect
    Qualtrics Social Connect

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


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


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

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

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

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

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

ヒント:ガイド付き設定を使用してクリエイティブを構築するか、一つずつ作成するかを決めるためのヘルプについては、「フィードバックの収集方法の選択」を参照してください。

ガイド付き設定選択画面のフィードバックボタン

クリエイティブのリストの[フィードバック]ボタン

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

ガイド付き設定でフィードバックボタンに名前を付ける

見た目と操作性(&A)

ヒント:これはQualtricsアンケートの見た目と操作性エディターとは異なります。

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

Web フィードバックボタンの [外観] セクション(&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 でのフィードバックボタンのサーベイ表示セクション

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

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

モバイル Web フィードバックボタンに関するアンケートの表示

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

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

翻訳

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

フィードバックボタンの翻訳セクション

ヒント:[翻訳]タブにはiFrameのオプションがあり、アンケートでアクセスできるコンテナを作成するのに役立ちます。

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

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

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

インターセプトの設定

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

フィードバックボタンによるインターセプトの設定

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

注意:このページに表示されているものとクリエイティブのフィードバックのオプションが異なる場合、または 2019 年 9 月 27 日より前に作成された場合は、(フィードバックボタンではなく)フィードバックタブと呼ばれるまったく異なるクリエイティブである可能性があります。これは、このページで説明するものと技術的に異なる古いクリエイティブです。以前のフィードバックタブを作成することはできませんが、以前に作成したフィードバックタブは削除または無効化されません。

ただし、新しいフィードバックボタンを作成して、このページで説明されている操作をお試しください。この新しいバージョンは、ユーザフレンドリで、これまで必要とされていた JavaScript ベースの追加更新を必要とせずにアクセス可能です。たとえば、インターセプトで独自のアクションでカスタマイズされた個別のクリエイティブを使用しなくても、さまざまなデスクトップとモバイルのオプションをクリエイティブ内で簡単に設定できます。

FAQ

当サポートサイトの日本語のコンテンツは英語原文より機械翻訳されており、補助的な参照を目的としています。機械翻訳の精度は十分な注意を払っていますが、もし、英語・日本語翻訳が異なる場合は英語版が正となります。英語原文と機械翻訳の間に矛盾があっても、法的拘束力はありません。