演習 - アンケートを Web サイトに埋め込む

完了

演習 1: アンケートを Web ページに埋め込む

この演習では、アンケートを含むプロジェクトを作成し、アンケートを Web ページに埋め込みます。

注

編集可能な Web サイトへのアクセス許可がない場合は、できる限り多くの手順を実行してください。

タスク 1: 新しいプロジェクトを作成する

このタスクでは、アンケートを含む新しいプロジェクトを作成します。

1. Microsoft Customer Voice にアクセスし、資格情報を使用してサインインします。

2. 開始するを選択します。

   

3. 空のプロジェクト オプションを選択します。

   

4. 次へボタンを選択して続行します。

5. プロジェクトを作成する場所を選択してください画面では、プロジェクトを追加する場所を指定します。 すべての環境を表示するリンクを選択します。

   

6. すべての環境 画面には、アクセスできるすべての Microsoft Dataverse 環境の一覧が表示されます。 この演習を実行するために使用している環境を選択し、選択して閉じる ボタンを選択します。

   

7. 作成ボタンを選択します。 このボタンを選択できない場合は、前のステップを使用して、1 つの場所が選択されていることを確認できます。

   

8. ナビゲーション メニューから、すべてのプロジェクトを選択します。

   

9. 一覧から新しいプロジェクトを探し、その名前の横にある省略記号 (...) を選択します。

   

10. メニューから名前の変更を選択します。

    

11. 製品情報リクエストを新しい名前として入力し、名前の変更を選択します。

    

12. プロジェクトの名前を変更後、プロジェクトをダブルクリックして一覧から開きます。

13. アンケートの隣にある省略記号 (...) を選択します。

    

14. 名前の変更を選択します。

    

15. Web サイトの製品要求を新しいアンケートの名前として入力し、名前の変更を選択します。

    

16. 新しい調査というタイトルを選択します。

    

17. 製品要求をタイトルとして入力します。

18. + 新規追加を選択します。

    

19. テキストの質問を選択し、質問として名を入力して、必須オプションを有効にします。 新規追加を選択します。

    

20. テキストの質問を選択し、質問として姓を入力して、必須オプションを有効にします。 新規追加を選択します。

21. テキストの質問を選択し、質問として Email と入力して、必須オプションを有効にします。 省略記号 (...) を選択し、制限を選択します。

    

22. 制限ドロップダウン メニューを選択し、Email、新規追加の順に選択します。

    

23. テキスト質問を選択し、質問テキストとしてコメントと入力します。 長い回答オプションをオンにし、必須オプションがオフになっていることを確認します。

    

24. プロジェクト内にとどまります。

タスク 2: アンケートの変数を作成する

このタスクでは、アンケートを Web サイトに埋め込む際に使用する新しい変数を追加します。

1. アンケートの 設計 タブで、カスタマイズ、パーソナル化 の順に選択します。

   

2. 変数を選択します。

   

3. ロケール変数の上にマウスを置き、削除アイコンを選択して削除します。

   

4. 削除を再度選択して、変数を削除することを確認します。

5. 変数の追加を選択します。

   

6. 変数名として製品ページと入力してから、保存を選択します。

   

7. 1 つの変数が追加されましたことを示すメッセージが表示されたら、閉じるを選択します。

   

8. アンケート内にとどまります。

タスク3: 埋め込みコードの準備と追加

このタスクでは、アンケートを Web サイトに埋め込むために必要なコードを準備してから、そのコードを Web ページに追加します。

1. アンケートから 送信 タブを選択し、埋め込み を選択します。

   

2. 埋め込み形式の選択セクションで、インライン オプションが選択された状態に保ち、コピーを選択します。

   

3. 注帳 (またはワークステーション上のその他のテキスト エディター) を開き、右クリックして貼り付けを選択し、コードをファイルに追加します。 必要に応じて、このファイルをレコードに保存できます。

   

4. 前のステップで作成したファイルの末尾に、次のテキストを追加します。 このテキストは、名を潜在顧客、姓をキャプチャ、製品ページを製品 A として設定するために使用されます。

    <script>
    window.addEventListener('load', function () {
    renderSurvey("surveyDiv","Lead","Capture","Product A");
    }, false);
    </script>
   

5. スクリプトの上に次のテキストを追加します。

   <center>
   <div id="surveyDiv" style="height: 700px; width:600px; margin-left:auto; margin-right:auto">
   

6. ファイルの末尾に次のテキストを追加します。

   </div>
   </center>
   

7. スクリプト全体は、次の図のようになります。

   

8. Web サイトへのアクセス許可があり、このコードをページに追加できる場合は、Web サイトにログインし、スクリプトを Web ページに追加します。

   次の図に示すように、Web ページにアンケートが表示されます。

   

9. John を名、Smith を姓、john@test.com を Email とし、この製品のパンフレットを送付してくださいをコメント列に追加することでアンケートを完了します。

10. 送信を選択します。

    

タスク 4: 送信された変数の値を確認する

このタスクでは、埋め込みアンケートからタスク 3 の最後で送信された調査回答にパス スルーされた変数の値を確認します。

1. Dynamics 365 Customer Voice を開いて、Web サイトに埋め込むために使用したアンケートに移動します。

2. Web サイトの製品要求レポートを選択します。

   

3. タスク 3で送信した回答が表示されます。 まだ表示されていない場合は、しばらく待ってから画面を更新してください。

   

4. 画面の右側の回答者メニューを選択します。

   

5. すべての回答者一覧で、匿名回答をダブルクリックします。

   n"}

6. 個人用に設定されたデータ タブを選択します。

   

   これで、Web サイト上の Web ページに追加された埋め込みコードにパス スルーされた 3 つの値が表示されます。