Name

Notion Forms

Tools & Integration

SyncBlock-05

<script>
  function gtag_report_conversion(url) {
    gtag('event', 'conversion', {
        'send_to': 'AW-706989986/YQ1_CJ_pwdQCEKKfj9EC'
    });
    return false;
  }

  window.onload = () => {
    // Get current query parameters
    let params = new URL(document.location).searchParams;

    // Get all links that contains build TYPEDREAM_HREF
    const TYPEDREAM_HREF = "typedream.com";
    const BUILD_TYPEDREAM_HREF = "build.typedream.com";
    Array.from(
      document.querySelectorAll(`[href*='${TYPEDREAM_HREF}']`)
    ).forEach((e) => {
      var href = e.getAttribute("href");
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();

      // track conversion
      if (e.href.includes(BUILD_TYPEDREAM_HREF)) {
        e.addEventListener('click', function() {gtag_report_conversion(e.href)})
      }
    });

   Array.from(document.querySelectorAll(`[href^='/']`)).forEach((e) => {
      var href = e.getAttribute("href");
      href = `${window.location.protocol}//${window.location.host}${href}`;
      var url = new URL(href);
      var urlParams = new URL(href).searchParams;
      params.forEach((value, key) => {
        // for PH, if there is ref=xxx change it to utm_source=xxx
        urlParams.set(key === 'ref' ? 'utm_source' : key, value);
      });
      url.search = urlParams;
      e.href = url.toString();
    });


    // Make sticky table of contents
    var sibling = document.getElementById("sticky-sibling")
    if (sibling && sibling.nextSibling) {
      var toc = sibling.nextSibling
      toc.style.backgroundColor = 'red';
    }

  };

</script>

Typedream x Notion Forms

How does this integration work?

First, create a landing page on Typedream

Second, add your Notion Forms onto the page

Then, users fill in your form and you collect the data

Uses.

Collecting user information

Adding Notion Forms to Typedream.

Step 1

Step 2

Step 3

Done!

But wait, what's Notion Forms?

Start building your dream site today.

Related guides