Espero insertar un Typeform en diferentes artículos en mi centro de documentación. Sin embargo, necesito capturar la URL de la página usando campos ocultos, para poder vincular qué comentarios se dejaron en qué página del artículo.
Actualmente, las respuestas están agregadas y no sé sobre qué artículo el usuario dejó comentarios. Así es como se ve el código de inserción (también he agregado un campo oculto titulado article_url ):
<div data-tf-widget="a1B2c3D4" data-tf-opacity="0" data-tf-hide-headers data-tf-hide-footer data-tf-hidden="article_url=xxxxx" style="width:100%;height:350px;"></div><script src="//embed.typeform.com/next/embed.js"></script>
Estoy seguro de que puedo hacer esto con campos ocultos y tal vez una función window.location.href dentro del código incrustado y usando jquery, pero no estoy seguro de cómo se vería el script y mis habilidades de codificación están un poco oxidadas.
Puede actualizar su código de incrustación de typeform directamente con JavaScript de esta manera:
const formElement = document.querySelector('[data-tf-widget=a1B2c3D4]') formElement.dataset.tfHidden = `article_url=${window.location.href}`Sin embargo, dado que ya está usando JavaScript personalizado, puede usar Typeform Embed Library ( ver en Github ) para tener más control sobre sus formularios incrustados:
<div id="form" style="width: 100%; height: 350px"></div> <script src="//embed.typeform.com/next/embed.js"></script> <link rel="stylesheet" href="//embed.typeform.com/next/css/widget.css" /> <script> const formId = 'a1B2c3D4' const container = document.querySelector('#form') window.tf.createWidget(formId, { container, hideHeaders: true, hideFooter: true, opacity: 0, hidden: { article_url: window.location.href, }, }) </script>