What to expect

This integration will help you to better contextualize customer feedback in your VOC with CS Contentsquare Session Replay. Contentsquare’s two-way integration with your VOC adds a visual layer to your Voice of Customer analysis, making customers’ feedback actionable by understanding real customer behavior and visualizing experiences through session replay and Contentsquare’s suite of advanced analytics tools. With an in-depth look at the behavior and in-page experience of these visitors, you can pinpoint specific website elements that cause customer struggle and take action faster to optimize the customer experience.

What we collect

Dynamic Variables

Key	Value	Data Type
FB_IZ_Feedback Displayed	MA Survey (uidzhhfj)	Text
FB_IZ_Feedback Submitted	My Account NPS (urjjjffigu)	Text
FB_IZ_SurveyID : {Question Text}	1	Number or Text

Artificial Pageviews

In order to have artificial pageviews triggered for these options below, you will need to ask your Contentsquare CSM or Support to enable a feature which will allow these to be sent. Note that these are specifically for usage in the Journey Analysis module of the Contentsquare application.

Trigger	Query String
Feedback Displayed	cs_informizely=feedback_displayed_{Survey ID}
Feedback Submitted	cs_informizely=feedback_submitted_{Survey ID}

What we send

Session replay

To properly make use of the replay feature you need to either have 100% collection ratio or ETR (Event Triggered replay), please talk to your CSM about this.

URL Example: https://app.contentsquare.com/quick-playback/index.html?pid=3771&uu=cc912cdb-ee03-a739-a659-ad2a5b1f08bb&sn=12&pvid=1&recordingType=cs&vd=iz

Implementation

Implementation Steps

There are 2 steps to enabling this integration:

Step 1

Please go to the section How to request an integration to see the instructions to enable this integration. You can then return here once completed.

If you have already completed the step above then continue below.

Step 2

The code below should be merged with your existing Informizely tag code.

Please do not copy paste it as is as you could overwrite what you have already.

Here are some points to consider:

In your Informizely tag you probably have window.IzWidget = window.IzWidget || {} defined already and so please wrap that with the code below as you see it. If it doesn’t exist then you can simply create it with that code.
You may also already have this function defined IzWidget['insitez.ready'] = function (api). If not then please define it as you see below. If you do have it then add the inner code into your existing function and make sure api is defined in the function arguments or you will need to modify the code to whatever you called api.
Please note that api.set("custom can should be combined with any others that are in the existing code else the last call to this API will override the first call. So if you are already using that set custom API then you need to tweak the code to combine it into one. If not then you will not see a replay link as the other call to it will win over it.
You may already have a similar tracker like this defined already window.IzWidget['tracker'] = csInformizelyTracker. If so then simply add the code you see below into yours and make sure event, surveyId, surveyName, data, api arguments are defined too. If you do not have a tracker defined then simply use the tracker in the code as is. You can rename the tracker to whatever you like as long as both references to it as changed as you see in the code.

The important thing to note is that you need to merge the code below with the code you have.

/*
 *Name: Informizely CS Integration
 *Version: 1.8
 */
(function () {
    window.IzWidget = window.IzWidget || {};

    IzWidget["insitez.ready"] = function (api) {
        window.addEventListener(
            "Contentsquare_IN_Integration_ReplayLink",
            function (e) {
                if (e && e.detail && e.detail.replayLink) {
                    api.set("custom", {
                        ContentsquareReplay: e.detail.replayLink,
                    });
                }
            },
            false
        );

        var evt;
        if (typeof window.Event === "function") {
            evt = new window.Event("Contentsquare_IN_Integration_Launch");
        } else {
            evt = document.createEvent("Event");
            evt.initEvent("Contentsquare_IN_Integration_Launch", true, true);
        }
        window.dispatchEvent(evt);
    };

    function csInformizelyTracker(event, surveyId, surveyName, data, api) {
        if (typeof window.CustomEvent === "function") {
            var evt = new window.CustomEvent("Contentsquare_IN_Integration_Data", {
                detail: {
                    event: event,
                    surveyId: surveyId,
                    surveyName: surveyName,
                    data: data,
                    api: api,
                },
            });
            window.dispatchEvent(evt);
        }
    }
    window.IzWidget["tracker"] = csInformizelyTracker;
})();
//Informizely CS Integration End

Verifying it works

You can use the chrome extension to check the results are sent to CS

Articles in this section

Informizely