Qualtrics 嵌入由 iFrame 为 GA 读取

Question

感谢您查看此内容。 我手头的任务是将一个 html 页面放入 qualtrics 中，作为一个 iframe（这是当前的想法），并从中查看是否可以通过事件跟踪获取用户数据并将其发送到 Google Analytics。到目前为止，我了解如何将事件发送到 GA，并且我正在研究自定义维度，但我必须等待一天才能查看这是否有效。

我需要的是一个唯一的 ID，它是我使用 qualtric 的随机数生成器 php 生成的。 我需要将此唯一 ID 发送到 Google Analytics，以便我可以识别谁在嵌入页面上执行了哪些操作。 所以我查看了 Qualtrics javascript 的东西，我可以让 qualtrics 本身通过 javascript 生成 id:

<script language="javascript">
var user = '${e://Field/user}';
document.write (user);
</script>

这只是在 Qualtrics 中显示数字，但我知道我错过了一个巨大的步骤，因为在嵌入式网页中实现相同的功能是行不通的 - 会吗？ 我已经尝试过，但没有成功，我什至使用了

Qualtrics.SurveyEngine.addOnload(function()
{});

没有成功。

如果您有任何建议，可以将用户保留在 Qualtrics 中，但将嵌入网页上唯一个人用户事件的嵌入数据传递给 GA，我洗耳恭听。 任何重新概念化都是很酷的。

我只是想弄清楚谁在 Qualtrics 中的嵌入页面（iframed 网页）上做什么。

也许这个来源会有所帮助：http://ut1.qualtrics.com/WRAPI/QuestionAPI/classes/Qualtrics%20JavaScript%20Question%20API.html

非常感谢您的建议或指导。

Answer 1

为了将复杂的网站嵌入到 Qualtrics 调查（例如游戏或复杂的用户界面）中，我所做的就是使用 esbuild 或 deno 之类的东西编写自定义构建脚本（任何捆绑器都可以）。我只是自己写的，因为我有一些具体的要求。

如果您使用 Deno，您可以从 CDN URL 导入并将其捆绑到您的包中。如果您使用 NPM，则安装所需的软件包。然后在构建脚本中指定需要一个缩小的 javascript 文件。如果您的网站是使用诸如 preact 或 vanilla Web Components 之类的东西构建的（任何占用空间相对较小的系统都应该没问题），那么您最终会得到一个相对较小的缩小版 JS 文件，您可以将其复制并粘贴到问题 javascript 中（关于您要显示网页的问题）。它可以包括 Google Analytics 或任何其他内容，而无需 iFrame 的开销（通常受到 Qualtrics 反 XSS 策略的阻止或限制）。

您的代码示例可能如下所示（使用 Deno 和 Preact）：

// main.js
import { h, render } from 'https://esm.sh/preact';
Qualtrics.SurveyEngine.addOnload(function()
{
  
  // Create your app
  const app = h('h1', null, 'Hello World!');

  render(app, this.getQuestionContainer());

});

然后，您可以使用

deno bundle

进行捆绑，或使用

esbuild

来制作

iife

捆绑。该捆绑包将包括 esbuild (tree-shaken) 和您选择导入的任何其他库。

我意识到在提出问题时这项技术并不存在，但它可能对将来有类似问题的任何人有所帮助。

这将允许您在 Qualtrics Survey 中构建整个迷你 Web 应用程序。这不是一个正常的用例，但它是一种实现方法。