Integrate Convert Experiences with Microsoft Clarity

Convert-Microsoft Clarity Integration

Convert Experiences can integrate with Microsoft Clarity and this integration offers session replays and heatmaps per A/B tests, Multivariate tests, Multipage (funnel) tests and Personalizations. Replaying sessions per variation is important for any agency and conversion rate optimization expert.

For each experiment, the integration uses custom instrumentation events to pass along the experiment name and variation name that the visitor is currently bucketed into (if any).

Sign Up at the Clarity Website

Sign up at the Clarity website using your Microsoft or Facebook or Google account. 

When you create a new Clarity project you will be able to retrieve the uniquely generated JavaScript code for your project. 

mceclip0.png

Clarity works on any HTML webpage (desktop or mobile) after adding this small piece of JavaScript to the website. As soon as the script is added, Clarity receives your site’s data and you can start using Clarity.

The JavaScript code listens to browser events and instruments layout changes, network requests and user interactions. That data is then uploaded and stored in the Clarity server running on Microsoft Azure. 

Add Tracking Code Snippets

Make sure the Convert tracking code and the Clarity JS code are installed on your page. Once you have added the codes to your website, you will be able to use the Clarity dashboard to start replaying user sessions and gain insights.  

Activate Convert-Clarity Integration 

Add the code below to your website right after the Convert + Clarity tracking codes which will send Convert Experience and Variation names to Clarity Dashboard. We are using custom tags:

<script>
var refObject = window['convert']['data']['experiments'];
for (var key in window["convert"]["currentData"]["experiments"]) { if (!window["convert"]["currentData"]["experiments"].hasOwnProperty(key)) { continue; }} var currentExperiment = window["convert"]["currentData"]["experiments"][key]; var curExperimentName = refObject[key] && refObject[key].n ? refObject[key].n : "unknown experiment name"; curExperimentName = curExperimentName.replace("Test #", "Test "); var curVariant = currentExperiment['variation_name'] ? currentExperiment['variation_name'] : "unknown variant"; curVariant = curVariant.replace("Var #", "Variation "); clarity("set", 'Exp_Name', curExperimentName);
clarity("set", 'Var_Name', curVariant);
</script>

View Convert Data in Clarity Dashboard

Using a custom tag in Clarity, you will be able to view all of your Convert Experiences data as they associate to the values that you pass in the tag. You can find custom tags under Filters section.

mceclip0.png

Need assistance? Start a conversation with our Support Team.
CONVERT MORE

Reliably Convert More Site Visitors, Even If Everything Else is Changing in Your Business.

START 15-DAY FREE TRIAL
✓ No Credit Card  ✓ Easy Set-Up  ✓ Access All Features

Comments