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.
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.
Comments