How does this integration work?

First, create a website on Typedream

Second, add Microsoft Clarity via Custom Code Injection

Then, track your website visitors activity

Uses.

See what your users want

Clarity is a user behavior analytics tool that helps you understand how users are interacting with your website through features such as session replays and heatmaps.

Adding Microsoft Clarity to Typedream.

Step 1

Step 2

Choose to Install manually by clicking Get tracking code

Copy the code (Save the code, we will be using it again later)

Choose Google Tag Manager

click "Connect Now" and Sign in with your google account

Open Google Tag Manager at Google Tag Manager and Clicked “Create Account”

Fill in up all the credentials and choose target platform you want => click “Create” and Click " I Accept Data Processing" and click "Yes"

Choose "Tag" and Click "New"

Fill “Untitled Tag” => move your cursor to Tag Configuration, and clicked the pencil button on top right

 Select “ Custom HTML” and Copy the clarity HTML Code(for code see the Microsoft Clarity Code the end of the page) and Click “Save”

Click “Add Trigger”, Then Choose “All Page” Using this option Microsoft Clarity will track all the pages and Click “Add”

Click "Save Button"

Go back to Microsoft Clarity and Click “View All Platform”

Choose "Google Tag Manager", and Click "Finish Setup"

Choose your Google Tag Manager Account, Select your Google Tag Manager Credential and Select “Create and Publish”

Step 3

Go to Typedream and open Site Settings

Open Code Injection

Paste the code from step 2 in the Site Header and click Update Settings

Done!

But wait, what's Microsoft Clarity?

Clarity is a free, easy-to-use tool that captures how real people actually use your site. Setup is easy and you'll start getting data in minutes.

Learn more

Start building your dream site today.

The world needs to see your awesome idea.

Get started ->