Question

一个简单的问题。

<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>Re-Imagining Business Models</title> <style type="text/css"> html{ margin: 0; height: 100%; overflow: hidden; } iframe{ position: absolute; left:0; right:0; bottom:0; top:0; border:0; } </style> </head> <body> <iframe id="typeform-full" width="100%" height="100%" frameborder="0" src="https://f03.typeform.com/to/AAAAAA?cl=xxxxx"></iframe> <script type="text/javascript" src="https://embed.typeform.com/embed.js"></script> </body> </html>

如果您看到cl = xxxxx，则需要根据网站上输入的参数更改xxxxx。

来自示例：

www.mywebsite.com/formpage?cl=123121

iframe将运行以下网站：https://f03.typeform.com/to/AAAAAA?cl=123121

是否可以仅使用HTML？因为我正在使用Wordpress，除了构建器和编辑HTML之外，我对它的功能知之甚少。

谢谢

Answer 1

可以使用Typeform Embed API

您可以看到我在小故障上制作的working example

您可以编辑here。

复制步骤：

在您的HTML中包括Typeform Embed SDK
从URL提取参数

let params = new URLSearchParams(location.search);
重建您的表单URL

var url = "https://YOUR_SUBDOMAIN.typeform.com/to/YOUR_TYPEFORM_ID"; url += "?utm_source=" + params.get('utm_source');
在目标div中显示表单

const embedElement = document.querySelector('.target-dom-node'); window.typeformEmbed.makeWidget( embedElement, url, { hideHeaders: true, hideFooter: true, } );

希望它会有所帮助：）

仅使用HTML从URL抓取参数[用于键入形式嵌入]

1 个答案: