Integrate Convert Experiences with Microsoft Clarity

Convert-Microsoft Clarity Integration

Convert Experiences can integrate with the library of Microsoft Clarity (beta) 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 Account. 

When you create a new Clarity project, it will be added to the waitlist. A notification will be sent when your project is approved for onboarding and you can login to Clarity to retrieve the uniquely generated JavaScript code for your project. 

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.

Please reach out to ClarityMS@microsoft.com if you have any questions related to Microsoft Clarity.  

Add Tracking Code Snippets

Make sure the Convert tracking code and the Clarity JS code (clarity.js) 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.  

If you want to see the Microsoft Clarity library in action before actually installing it to your website, you can use this Google Chrome extension:
https://chrome.google.com/webstore/detail/clarity/pckmjopopceeahldhmognklllbcebejf?hl=en

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:

<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 "); window.instrument('Convert Experiences', { Exp_Name: curExperimentName, Var_Name: curVariant });
</script>

View Convert Data in Clarity Dashboard

Using a custom instrumentation event 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 event.

Have more questions? Submit a request

Comments