Name

Memberstack

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 Memberstack

How does this integration work?

First, create a website on Typedream

Second, apply Memberstack signup wall

Then, users pay you to access content on your site

Uses.

Control your funnel

Activate your onboarding flow

Adding Memberstack to Typedream.

Step 1: Create a website

Step 2: Create a membership

Step 3: Install header code

Step 4: Add a sign up form to your website

But wait, what's Memberstack?

Start building your dream site today.

Related guides