This page provides instructions for integrating Adora into your application. You can integrate Adora using a JavaScript snippet, Google Tag Manager, or a script tag in Next.js.

​
Integrating the Snippet Using HTML

1

Obtain an organization ID

Obtain an ORGANIZATION_ID for your organization by contacting us.

2

Insert the Adora Script

Add the following script to your application in a location where you want Adora to capture session data. Replace ORGANIZATION_ID with the value you received.

<script>
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "https://adora-cdn.com/adora-start.js";
  script.onload = function () {
    adoraStart({
      orgId: "ORGANIZATION_ID",
    });
  };
  document.head.appendChild(script);
</script>

You are ready to go! Consider enriching your Adora experience by adding cohorts or controlling what Adora records using privacy controls.

​
Integrating the Snippet Using Google Tag Manager

1

Install Google Tag Manager

2

Obtain an organization ID

Obtain an ORGANIZATION_ID for your organization by contacting us.

3

Insert the Adora Script

Insert a Custom HTML tag through Google Tag Manager. Use the snippet below as the value, replacing the ORGANIZATION_ID with the value you received.

<script>
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "https://adora-cdn.com/adora-start.js";
  script.onload = function () {
    adoraStart({
      orgId: "ORGANIZATION_ID",
    });
  };
  document.head.appendChild(script);
</script>

​
Integrating the Snippet Using Next.js

1

Obtain an organization ID

Obtain an ORGANIZATION_ID for your organization by contacting us.

2

Insert the Adora Script

Insert the following script into your _app.page.tsx or layout file in your application where you want Adora to capture session data. Replace the ORGANIZATION_ID with the value you received.

// in _app.page.tsx

export default function MyApp({ Component, pageProps }) {
  return (
    <>
      <Layout>
        <Component {...pageProps} />
      </Layout>
      <Script
        src="https://adora-cdn.com/adora-start.js"
        onReady={() => {
          window.adoraStart({
            orgId: "ORGANIZATION_ID",
          });
        }}
      />
    </>
  );
}

​
Account set up

Keep an eye on your work email inbox for your Adora Magic sign-up link. Once it arrives, just click the link, set up your password, and voilà - you’re in Adora!

Privacy Controls