Integrate Wingify with Microsoft Clarity

This article covers the following:

• Overview
• Before You Begin
• Create a Microsoft Clarity Connection in Wingify 
  • Send Campaign Data to Microsoft Clarity 
    • Specifications of Wingify Campaign Data Sent to Microsoft Clarity
• Create a Report in Microsoft Clarity Using Wingify Data 

Overview

Microsoft Clarity is a free web analytics tool that helps website owners understand visitor interactions. It offers session recording, heatmaps, click tracking, scroll tracking, insights, and privacy features.

If you are using Wingify and Microsoft Clarity for tracking your website visitors, you can integrate your Wingify account with Microsoft Clarity to get your Wingify campaigns and variations pushed as custom tags in Clarity, using which you can view the recordings, heatmaps, and other insights of the corresponding visitor sessions.

Before You Begin

• You have an active Microsoft Clarity account.
• The Wingify SmartCode and Microsoft Clarity analytics code are implemented on your webpage.

Create a Microsoft Clarity Connection in Wingify

Wingify supports the following Microsoft Clarity connection type:

• Send campaign data to Microsoft Clarity (Push based): Allows you to track and analyze Wingify campaign data in Microsoft Clarity using campaign and variation details.

To create a Microsoft Clarity connection in your Wingify account:

1. Log in to your Wingify account.
2. From the left panel, navigate to Configurations > Integrations.
3. Click the Microsoft Clarity integration tile and click Create Connection.
4. Select Send campaign data to Microsoft Clarity.

All configured connections appear under the Config > Active Connections section on the Microsoft Clarity integration page.

Send Campaign Data to Microsoft Clarity

Use this connection type to track and analyze Wingify campaign and variation data in Microsoft Clarity.

To configure the connection:

1. Click Create Connection and select Send campaign data to Microsoft Clarity.
2. In the Create Connection form, enter a name in the Connection Name field.
3. Click Create Connection.

Once created, the connection appears under Active Connections.

Note: Creating the connection does not automatically enable it for your campaigns. To start sending campaign data, navigate to Web Experimentation, open the required campaign, go to Configuration > Integrations, and select Microsoft Clarity.

Specifications of Wingify Campaign Data Sent to Microsoft Clarity

Wingify sends campaign data to Microsoft Clarity in the following format:

Event name: wingify

Event properties:

{
value: wingify-{CAMPAIGN_ID}-{VARIATION_ID}-{TRIGGER_ID}-{TARGET_NAME}
}

Note: The TRIGGER_ID and TARGET_NAME properties are available only when using the Personalize Holdback feature.

Create a Report in Microsoft Clarity Using Wingify Data

Let’s assume you’re looking to change the signup form layout to increase signups. For this, you can use Wingify to run an A/B test with the new design vs the existing one. After running the test campaign, you can send the campaign data to Microsoft Clarity to view session recordings and heatmaps for the corresponding variations.

To view session recordings and heatmaps for your campaign variations in Microsoft Clarity, create an A/B test in Wingify for the new design, enable the Wingify - Microsoft Clarity integration, and perform the following steps:

1. Log in to your Microsoft Clarity account.
2. From the homepage, go to My Projects and select your project.
3. Click on Filters, configure your generic filter options, and navigate to the Custom filters section.
4. From the Custom tags dropdown, select Wingify. This will populate your Wingify campaigns in the adjacent field in this format - Wingify-<campaign ID>-<variation ID>.

Note: The custom tags that are pushed from Wingify will take about an hour to reflect in Microsoft Clarity.

Need more help?

For further assistance or more information, contact Wingify Support.