Touch version of IAT within Qualtrics

[Stephanie Owen]

Hello,

I am trying to embed an IAT within Qualtrics, and it's important that I have a version that is mobile/touch compatible. I started with the sample Javascript code here, and based on some of the previous posts in this group, tried to add a parameter to create a touch version. However, it doesn't seem to do anything--it still appears as the keyboard version. 

Has anyone successfully embedded a touch version of an IAT within Qualtrics? If so, would you be willing to share the code you used?

Here's what I tried (yellow highlight is what I added):

define(['pipAPI', 'https://cdn.jsdelivr.net/gh/baranan/minno-tasks@0.*/IAT/qualtrics/quiat9.js'], function(APIConstructor, iatExtension){
    var API = new APIConstructor();

return iatExtension({
isTouch: true,  
category1 : {
name : 'Black people', //Will appear in the data.
title : {
media : {word : 'Black people'}, //Name of the category presented in the task.
css : {color:'#31940F','font-size':'2em'}, //Style of the category title.
height : 4 //Used to position the "Or" in the combined block.
},
stimulusMedia : [ //Stimuli content as PIP's media objects
        {image : 'black1.jpg'},
    {image : 'black2.jpg'},
    {image : 'black3.jpg'},
    {image : 'black4.jpg'},
    {image : 'black5.jpg'},
    {image : 'black6.jpg'}
],
//Stimulus css (style)
stimulusCss : {color:'#31940F','font-size':'1.8em'}
},
category2 : {
name : 'White people', //Will appear in the data.
title : {
media : {word : 'White people'}, //Name of the category presented in the task.
css : {color:'#31940F','font-size':'2em'}, //Style of the category title.
height : 4 //Used to position the "Or" in the combined block.
},
stimulusMedia : [ //Stimuli content as PIP's media objects
        {image : 'yf1.jpg'},
    {image : 'yf4.jpg'},
    {image : 'yf5.jpg'},
    {image : 'ym2.jpg'},
    {image : 'ym3.jpg'},
    {image : 'ym5.jpg'} ],
//Stimulus css
stimulusCss : {color:'#31940F','font-size':'1.8em'}
},

base_url : {//Where are your images at?
image : 'https://baranan.github.io/minno-tasks/images/'
}
});
});

[Madi West]

Hi Stephanie, 

I tried very hard to get the IAT working through Qualtrics on a touchscreen device. In the end I spoke to a developer at my university who looked at the IAT code and said that the code is too 'old' for it to work through Qualtrics. They suggested building a new code or using a different platform. I ended up requesting participants complete our Qualtrics survey on a computer, but it definitely had an impact on recruitment numbers.

If you've managed to work it out, I'd love to hear how!!

Madi

[Stephanie Owen]

Thanks for the response! In the end, we're directing participants from Qualtrics to the IAT on a separate platform which is touch-compatible. I wish embedding within Qualtrics were easier, but helpful to hear your response.

[Maggie Brace]

Hi Stephanie, 

What platform did you end up using for the IAT that worked for touchscreens? Thanks for asking this question -- I was having the same issue in Qualtrics. 

Maggie