QA1 Embed survey test

by romanych

HTML

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="userreport:mediaId" value="66721fa3-1636-4356-8837-ec4d63452c88" />
    <meta name="userreport:sectionId" value="2fdc431f-90d4-40a7-8a96-cea17cbb145d" />
    <style>
        .wrapper {
            max-width: 600px;
            min-width: 300px;
            margin: 0 auto;
        }

        #surveyContainer {
            height: 400px;
            border: 3px darkgray dashed;
            padding: 10px;
            margin-top: 20px;
        }
    </style>
</head>

<body>
    <script>
function showSurvey() {
    window.audienceProjectLayer = window.audienceProjectLayer || [];
    audienceProjectLayer.push(['embedSurvey', 'surveyContainer', {
        ignoreLocalQuarantine: true,
        surveyUrl: 'https://qa1-sak.userreport.com/_rt/vs/survey.html',
        mediaId: '66721fa3-1636-4356-8837-ec4d63452c88',
        onDoneCallback: surveyEnded,
        customizations: {
            "invitation": {
                "headline": "We want to understand you better. Answer few questions please",
                "accept": "Sure",
                "decline": "Skip"
            },
            "thankYou": {
                "headline": "Much appreciated",
                "close": "Proceed to results"
            },
            disabledQuestions: [2, 23]
        }
    }])
}

function surveyEnded() {
    document.getElementById("surveyContainer").innerHTML = "Survey ended";
}
    </script>
    <script src="https://s3.amazonaws.com/qa1-sak-clientsconfig-0/2505/launcher.js" async id="userreport-launcher-script"></script>
    <div class="wrapper">
        <h1>Embed survey demo</h1>
        <p>Using embed survey functionality you can decide when users should be interviewed based on your logic.</p>
        <p>You can do some customizations to the survey - invitation screen, thank you screen and disable...