import React from 'react'
import Script from 'next/script'

type AdRollProps = {
  advId: string
  pixId: string
}
export default function AdRoll({ advId, pixId }: AdRollProps) {
  return (
    <Script
      id="adroll-init"
      strategy="afterInteractive"
      dangerouslySetInnerHTML={{
        __html: `
  adroll_adv_id = "${advId}";
  adroll_pix_id = "${pixId}";
  adroll_version = "2.0";

  (function(w, d, e, o, a) {
  w.__adroll_loaded = true;
  w.adroll = w.adroll || [];
  w.adroll.f = [ 'setProperties', 'identify', 'track' ];
  var roundtripUrl = "https://s.adroll.com/j/" + adroll_adv_id
  + "/roundtrip.js";
  for (a = 0; a < w.adroll.f.length; a++) {
  w.adroll[w.adroll.f[a]] = w.adroll[w.adroll.f[a]] || (function(n) {
  return function() {
  w.adroll.push([ n, arguments ])
}
})(w.adroll.f[a])
}
  e = d.createElement('script');
  o = d.getElementsByTagName('script')[0];
  e.async = 1;
  e.src = roundtripUrl;
  o.parentNode.insertBefore(e, o);
})(window, document);
  adroll.track("pageView");
      `
      }}
    />
  )
}