练习 - 将调查嵌入网站

已完成

练习 1:将调查嵌入网页

在本练习中,您要创建一个包含调查的项目,然后将调查嵌入网页。

注意

如果无权访问可以编辑的网站,请尽可能多执行一些步骤。

任务 1:创建新项目

本任务中,您需要创建一个包含调查的新项目。

  1. 转到 Microsoft Customer Voice 并使用您的凭据登录。

  2. 选择入门

    打开 Customer Voice 的“主页”选项卡,即可看到突出显示的“开始”按钮。

  3. 选择空白项目选项。

    您将看到若干项目模板以及突出显示的空白模板。

  4. 选择下一步按钮以继续。

  5. 您要在何处创建项目? 屏幕中,确定要将项目添加到的位置。 选择查看所有环境链接。

    您可以使用默认位置、选择最近使用的位置或查看所有环境。一个箭头指向“查看所有环境”。

  6. 所有环境屏幕上将显示一个列表,您可以在其中查看自己有权访问的所有 Microsoft Dataverse 环境。 选择用于完成本练习的环境,然后选择选择并关闭按钮。

    在“所有环境”列表中,选择一个环境即可看到一个指向“选择并关闭”按钮的箭头。

  7. 选择创建按钮。 如果无法选择本按钮,请返回上一步进行确认,确保自己已经选择了一个位置。

    选择默认环境后,您将看到一个指向“创建”按钮的箭头。

  8. 从导航菜单中选择所有项目

    “主页”选项卡中会显示指向导航菜单“所有项目”选项卡的箭头。

  9. 从列表中查找新项目,然后选择项目名称旁边的省略号 (...)。

    在“我的项目”列表中,选择“新建”项目,您将看到一个指向项目旁边省略号的箭头。

  10. 选择菜单中的重命名

    选择省略号按钮,下拉菜单中便会显示指向“重命名”的箭头。

  11. 输入产品信息请求作为新名称,然后选择重命名

    “重命名项目”对话框中的项目名称会更改为“产品信息请求”。

  12. 重命名项目后,双击该项目即可从列表中将其打开。

  13. 选择调查旁的省略号 (...)。

    在导航窗格中,选择“产品信息请求”下的调查 1,您就可以看到指向该调查旁省略号按钮的箭头。

  14. 选择重命名

    选择省略号按钮,打开的菜单中会显示指向“重命名”的箭头。

  15. 输入网站产品请求作为调查的新名称,然后选择重命名

    在“重命名调查”对话框中,调查名称将更改为“网站产品请求”,并显示指向“重命名”按钮的箭头。

  16. 选择新调查标题。

    “高级支持调查”设计视图中将显示指向新调查标题的箭头。

  17. 输入产品请求作为标题

  18. 选择 + 新增

    输入“产品请求”作为标题后,您将看到一个指向“新增”按钮的箭头。

  19. 选择文本问题,输入名字作为问题,然后打开必答选项。 选择新增

    在第一个问题中输入“名字”后,您将看到一个指向“必答”选项的箭头,本选项已打开。

  20. 选择文本问题,输入姓氏作为问题,然后打开必答选项。 选择新增

  21. 选择文本问题,输入电子邮件作为问题,然后打开必答选项。 选择省略号 (...),然后选择限制

    在第三个问题中输入“电子邮件”后,选择省略号按钮,您会看到一个指向菜单中“限制”选项的箭头。

  22. 选择限制下拉菜单,然后依次选择电子邮件新增

    “限制”下拉列表显示“编号”、“电子邮件”和“自定义”选项,箭头指向“电子邮件限制”。

  23. 选择文本问题,输入注释作为问题文本。 打开长答案选项,确保必答选项已关闭。

    在第四个问题中输入“注释”后,您将看到一个指向“长答案”选项的箭头,本选项已打开。

  24. 请不要离开您的项目。

任务 2:为调查创建变量

本任务中,您需要添加一个要在将调查嵌入网站时使用的新变量。

  1. 在调查的设计选项卡中,选择自定义

    您将在网站产品请求调查的设计视图中看到一个指向右侧自定义菜单的箭头。

  2. 选择变量

    “自定义”菜单中会显示一个指向“变量”的箭头。

  3. 将鼠标指标悬停在 locale 变量上,然后选择删除图标删除本变量。

    选择变量列表中的 locale 变量,您将看到一个指向“删除”按钮的箭头。

  4. 再次选择删除,确认删除该变量。

  5. 选择添加变量

    在变量列表下方,您会看到一个指向“添加变量”的箭头。

  6. 输入 ProductPage 作为变量名称,然后选择保存

    将 ProductPage 设置为新变量名称后,您会看到一个指向“保存”按钮的箭头。

  7. 出现已添加一个变量提醒后,选择关闭

    通知显示已添加一个变量,同时,您可以看到一个指向“关闭”按钮的箭头。

  8. 请不要离开调查。

任务 3:准备并添加嵌入代码

本任务中,您需要准备将调查嵌入到网站所需的代码,然后将代码添加到网页。

  1. 选择调查中的发送选项卡,然后选择嵌入

    在“网站产品请求”调查的“发送”选项卡上,您可以看到“选择如何发送调查”下突出显示的“嵌入”选项。

  2. 选择嵌入格式部分,确保内联选项处于选中状态,然后选择复制

    在“发送 > 嵌入”部分,选择并突出显示“选择嵌入格式”下的“内联”。“嵌入代码”框下方会显示一个指向“复制”按钮的箭头。

  3. 打开记事本(或工作站上的任何其他文本编辑器),然后右键单击并选择粘贴,将代码添加到您的文件。 您可以选择保存本文件,将其用于自己的记录。

    本记事本实例中显示了粘贴的嵌入代码。

  4. 将以下文本添加到您在上一步中创建的文件底部。 本文本用于将 First Name 设置为 LeadLast Name 设置为 CaptureProductPage 设置为 Product 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. 如果您有权访问网站且可以将本代码添加到页面,请登录网站并将脚本添加到您的网页。

    网页中会显示调查,如下图所示。

    嵌入的调查会显示“请求更多信息”、“产品请求”和之前提及的四个问题以及“提交”按钮。

  9. 请在名字中添加 John姓氏中添加 Smith电子邮件中添加 john@test.com注释列中添加是否可以向我发送本产品的小册子?,完成该调查。

  10. 选择提交

    为突出显示的四个问题填写相应值后,您就可以看到指向“提交”按钮的箭头。

任务 4:查看已提交的变量值

本任务中,您需要查看从嵌入的调查传递到任务 3 结束时提交的调查回复的变量值。

  1. 打开 Dynamics 365 Customer Voice,转到嵌入到网站的调查。

  2. 选择网站产品请求报告。

    在“网站产品请求”调查报告的设计视图中,导航窗格中的报告下方会显示一个指向“网站产品请求”报告的箭头。

  3. 此时,您应当可以查看任务 3 中提交的回复。 如果看不到,请稍候片刻,然后刷新屏幕。

    报告会将总回复数量显示为 1,并显示最近回复中为每个问题提交的值。

  4. 选择屏幕右侧的受访者菜单。

    报告右侧会显示指向“受访者”菜单的箭头。

  5. 双击所有受访者列表中的匿名回复。

    在“受访者”对话框中,“所有受访者”下会显示指向匿名受访者的箭头。n"}

  6. 选择个性化数据选项卡。

    “匿名受访者”对话框的“回复”选项卡中会显示指向“个性化数据”选项卡的箭头。

    现在,您应该可以查看从添加到网站网页的嵌入代码中传递的三个值。

    “个性化数据”选项卡会显示传递的值:First name 为 Lead,Last name 为 Capture,ProductPage 为 Product A。