Embeds and attribution

<!-- StreamAgent video -- works on any page builder -->
<div style="position:relative;width:100%;max-width:780px;aspect-ratio:16/9;margin:0 auto;">
  <iframe id="sa-abc123"
    src="https://you.streamagent.io/embed/abc123"
    style="position:absolute;inset:0;width:100%;height:100%;border:0;"
    allow="autoplay; encrypted-media; picture-in-picture; fullscreen; clipboard-write"
    allowfullscreen
    title="Pricing walkthrough"></iframe>
</div>
<script>(function(){var f=document.getElementById('sa-abc123');if(!f)return;var p=window.location.search.slice(1);var r=document.referrer?'sa_ref='+encodeURIComponent(document.referrer):'';var u='sa_url='+encodeURIComponent(window.location.pathname);var q=[p,r,u].filter(Boolean).join('&');if(q)f.src=f.src+(f.src.indexOf('?')>-1?'&':'?')+q;})();</script>
<script src="https://you.streamagent.io/embed/abc123/companion.js" async></script>

<!-- Pricing walkthrough — interactive video embed -->
<div style="position:relative;width:100%;aspect-ratio:16/9;">
  <!-- aspect-ratio needs a modern browser; for legacy support replace it with: height:0;padding-bottom:56.25%; -->
  <iframe data-sa-route src="https://app.streamagent.io/r/pricing-walkthrough?embed=1" title="Pricing walkthrough" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; encrypted-media; picture-in-picture; fullscreen" allowfullscreen loading="lazy"></iframe>
</div>
<script>
  /* A static iframe can't see this page's URL, so campaign attribution would
     stop at the frame edge. This copies the page's utm_* params and ad click
     ids onto the player URL at insert time. */
  (function () {
    var clickIds = ["fbclid","gclid","ttclid","li_fat_id"]
    var params = new URLSearchParams(window.location.search)
    var pairs = []
    params.forEach(function (v, k) {
      if (k.indexOf('utm_') === 0 || clickIds.indexOf(k) !== -1) pairs.push([k, v])
    })
    if (!pairs.length) return
    var frames = document.querySelectorAll('iframe[data-sa-route]:not([data-sa-forwarded])')
    for (var i = 0; i < frames.length; i++) {
      var url = new URL(frames[i].getAttribute('src'), window.location.href)
      for (var j = 0; j < pairs.length; j++) url.searchParams.set(pairs[j][0], pairs[j][1])
      frames[i].setAttribute('data-sa-forwarded', '1')
      frames[i].src = url.toString()
    }
  })()
</script>

<!-- StreamAgent -- works on any page builder -->
<div style="position:relative;width:100%;max-width:780px;aspect-ratio:16/9;margin:0 auto;">
  <iframe id="sa-spring-offer"
    src="https://you.streamagent.io/embed/r/spring-offer"
    style="position:absolute;inset:0;width:100%;height:100%;border:0;"
    allow="autoplay; encrypted-media; picture-in-picture; fullscreen; clipboard-write"
    allowfullscreen></iframe>
</div>
<script>(function(){var f=document.getElementById('sa-spring-offer');if(!f)return;var p=window.location.search.slice(1);var r=document.referrer?'sa_ref='+encodeURIComponent(document.referrer):'';var u='sa_url='+encodeURIComponent(window.location.pathname);var q=[p,r,u].filter(Boolean).join('&');if(q)f.src=f.src+(f.src.indexOf('?')>-1?'&':'?')+q;})();</script>

fbp
fbc
gclid
ttclid
ttp
ga_client_id
li_fat_id
fbclid

<iframe src="https://you.streamagent.io/embed/abc123?gclid=Cj0K…&fbclid=IwAR…"></iframe>

<iframe id="sa-abc123" src="https://you.streamagent.io/embed/abc123"></iframe>
<script>
  var frame = document.getElementById('sa-abc123');
  var cookie = function (name) {
    var m = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
    return m ? m[2] : '';
  };
  frame.addEventListener('load', function () {
    frame.contentWindow.postMessage({
      type: 'streamagent:attribution',
      attribution: {
        fbp: cookie('_fbp'),
        fbc: cookie('_fbc'),
        gclid: new URLSearchParams(location.search).get('gclid') || ''
      }
    }, '*');
  });
  window.addEventListener('message', function (e) {
    if (e.data && e.data.type === 'streamagent:attribution-ack') { /* received: true */ }
  });
</script>