Захватить параметры из URL, используя только HTML [Для вложения Typeform] - PullRequest
Новая
       70

Захватить параметры из URL, используя только HTML [Для вложения Typeform]

0 голосов
/ 12 октября 2018

Быстрый вопрос. 

<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.

Спасибо

1 Ответ

0 голосов
/ 12 октября 2018

Это возможно, используя API-интерфейс Typeform Embed

Вы можете увидеть рабочий пример Я сделал на Glitch

Вы можете редактировать здесь .

Шаги для воспроизведения:

  1. Включить SDK Typeform Embed в ваш HTML

  2. Извлечь параметры из URL

    let params = new URLSearchParams(location.search);

  3. Восстановите URL-адрес вашей формы

    var url = "https://YOUR_SUBDOMAIN.typeform.com/to/YOUR_TYPEFORM_ID"; url += "?utm_source=" + params.get('utm_source');

  4. Отображение формы в целевом объекте div

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

Надеюсь, это поможет:)

...