JSFiddle - React, Tailwind, and code Playground

by TekVanDo

HTML

<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>

<div style="position: relative; padding-bottom:calc(51.9140625% + 50px); height: 0; padding-top:20px;">
<iframe src="https://app.guideflow.com/embed/3r3zyvc9k9?email=${emailVariableHere}" width="100%" height="100%" style="overflow:hidden;position:absolute;border:none" scrolling="no" allow="clipboard-read; clipboard-write" webkitallowfullscreen mozallowfullscreen allowfullscreen allowtransparency="true"></iframe>
</div>

JavaScript

// Google Analytics script
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
 
// Listen guideflow events and push it to Google Analytics events
window.addEventListener('message', (event) => {
  if (event.origin === 'https://app.guideflow.com') {
    console.log(event.data);
    gtag('event', event.data.eventName, event.data);
  }
})