Embedded survey - is there a way to detect end of survey? | Experience Community
Skip to main content
Solved

Embedded survey - is there a way to detect end of survey?

  • February 5, 2021
  • 3 replies
  • 665 views
Y

Hi, I am using iframe to embed a qualtrics survey into my website, which works well. Now I want to show a button on my website only after users have finished the survey. I wonder whether it is possible for my website to detect the user has finished the survey.

Best answer by ahmedA

Okay. the iframe issue.
You can probably post a message to the parent window. Something like: 

parent.postMessage("End of Survey", "https://yourwebsite.com");

You can add an event listener to your JS:
window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
    if(event.data.includes("End of Survey")){
        // You stuff here
    }
}
See here and here for more details.

    3 replies

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • Level 7 ●●●●●●●
    • February 5, 2021

    If you inspect the end of survey in Qualtrics, I think there is a class/id called "EndOfSurvey". However, the simplest way is to just customize your end of survey with an invisible div like:

    Then you can detect this and trigger the required response.

    Y
    • yepw
    • Author
    • February 5, 2021

    Hi ahmedA, thank you for your quick reply. By saying "detect this", do you mean using "getElementByID"? I tried to use this function, but because of the Same-origin policy, chrome doesn't allow my page (parent) to visit the content within iframe (child).

    A
    Level 7 ●●●●●●●
    Forum|alt.badge.img+22
    • ahmedA
    • Level 7 ●●●●●●●
    • Answer
    • February 5, 2021

    Okay. the iframe issue.
    You can probably post a message to the parent window. Something like: 

    parent.postMessage("End of Survey", "https://yourwebsite.com");

    You can add an event listener to your JS:
    window.addEventListener("message", receiveMessage, false);
    function receiveMessage(event) {
        if(event.data.includes("End of Survey")){
            // You stuff here
        }
    }
    See here and here for more details.

      Terms & ConditionsAccessibility statement